function iniGal() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("galeMins")) return false;
  var galeria = document.getElementById("galeMins");
  var links = galeria.getElementsByTagName("a");

  for ( var i=0; i < links.length; i++) {
	links[i].onclick = function() {return transFot(this); }
  }
  initImage();
}

window.onload=iniGal;

var puntShow1, puntShow2;

function transFot(fot)
{
	var foto1url,foto2url,minifoto1url,minifoto2url;
	foto1url = "g/" + fot.id + "a.jpg";
	foto2url = "g/" + fot.id + "b.jpg";

	minifoto1url = "g/mini" + fot.id + "a.jpg";
	minifoto2url = "g/mini" + fot.id + "b.jpg";

	if (document.getElementById)
	{
		clearTimeout(puntShow1);
		clearTimeout(puntShow2);

		verFot(foto1url);
		puntShow2 = window.setTimeout("verFot('" + foto2url + "')", 3000);
		puntShow1 = window.setTimeout("verFot('" + foto1url + "')", 7000);

		if (fot.title)
		{
			document.getElementById('fottxt').childNodes[0].nodeValue =  fot.title;
			document.getElementById('fot').alt =  fot.title;
		} else {
			document.getElementById('fottxt').childNodes[0].nodeValue = fot.childNodes[0].nodeValue;
		}

		var mini1,mini2;
		mini1 = "<a href=\"" + foto1url + "\" onclick=\"desdeMini(\'" + foto1url + "\',\'" + foto2url + "\',1,\'" + minifoto1url + "\',\'" + minifoto2url + "\');return false;\"><img id=\"ultractual\" src=\"" + minifoto1url + "\" width=\"25\" height=\"20\" /></a>";
		mini2 = "<a href=\"" + foto2url + "\" onclick=\"desdeMini(\'" + foto1url + "\',\'" + foto2url + "\',2,\'" + minifoto1url + "\',\'" + minifoto2url + "\');return false;\"><img src=\"" + minifoto2url + "\" width=\"25\" height=\"20\" /></a>";

		document.getElementById("ultraminis").innerHTML = mini1 + mini2;

		return false;

	} else {
		return true;
	}

}


function verFot(fotourl)
{
	var image;
		document.getElementById('fot').src = fotourl;
		fadeOut('fot',100);
		image = document.getElementById('fot');
		setOpacity(image, 0);
		fadeIn('fot',0);
}


function desdeMini(foto1url,foto2url,numfot,minifoto1url,minifoto2url)
{
	clearTimeout(puntShow1);
	clearTimeout(puntShow2);

	var mini1,mini2;

	switch (numfot)
	{
		case 1:
			mini1 = "<a href=\"" + foto1url + "\" onclick=\"desdeMini(\'" + foto1url + "\',\'" + foto2url + "\',1,\'" + minifoto1url + "\',\'" + minifoto2url + "\');return false;\"><img id=\"ultractual\" src=\"" + minifoto1url + "\" width=\"25\" height=\"20\" /></a>";
			mini2 = "<a href=\"" + foto2url + "\" onclick=\"desdeMini(\'" + foto1url + "\',\'" + foto2url + "\',2,\'" + minifoto1url + "\',\'" + minifoto2url + "\');return false;\"><img src=\"" + minifoto2url + "\" width=\"25\" height=\"20\" /></a>";
			verFot(foto1url);
			break;
		case 2:
			mini1 = "<a href=\"" + foto1url + "\" onclick=\"desdeMini(\'" + foto1url + "\',\'" + foto2url + "\',1,\'" + minifoto1url + "\',\'" + minifoto2url + "\');return false;\"><img src=\"" + minifoto1url + "\" width=\"25\" height=\"20\" /></a>";
			mini2 = "<a href=\"" + foto2url + "\" onclick=\"desdeMini(\'" + foto1url + "\',\'" + foto2url + "\',2,\'" + minifoto1url + "\',\'" + minifoto2url + "\');return false;\"><img id=\"ultractual\" src=\"" + minifoto2url + "\" width=\"25\" height=\"20\" /></a>";
			verFot(foto2url);
			break;
	}

	document.getElementById("ultraminis").innerHTML = mini1 + mini2;
}


function initImage() {
	var image, imageId;
	imageId = 'fot';
	image = document.getElementById(imageId);
	setOpacity(image, 0);
	fadeIn(imageId,0);
}

function setOpacity(obj, opacity) {
	opacity = (opacity == 100)?99.999:opacity;
	obj.style.filter = "alpha(opacity:"+opacity+")";
	obj.style.KHTMLOpacity = opacity/100;
	obj.style.MozOpacity = opacity/100;
	obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity <= 100) {
			setOpacity(obj, opacity);
			opacity += 10;
			window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
		}
	}
}

function fadeOut(objId,opacity) {
	if (document.getElementById) {
		obj = document.getElementById(objId);
		if (opacity >= 0) {
			setOpacity(obj, opacity);
			opacity -= 10;
			window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
		}
	}
}
