//Funciones utiles

var textos = new Array(2)
textos[0]=new Array("Galería de fotos","Navegar en la galería","<Anterior","Siguiente>","Clic para ver en grande","Tours Virtuales");
textos[1]=new Array("Photo Gallery","Explore our gallery","<Previous","Next>","Clic to Zoom in","Virtual Tours");
dirRutas = new Array("../../images/galeria/big/","../../images/galeria/normal/","../../images/galeria/thumbnail/");
var las_fotos = new Array("foto1","foto1.1","foto2","foto3","foto3.1","foto4","foto4.1","foto4.2","foto5","foto5.1","foto6","foto7","foto7.1","foto8","foto8.2","foto9","foto14","foto15","foto16","foto17","foto18","foto19","foto20","foto21","foto22","foto23","foto24","foto25","foto26","foto26.1","foto27","foto28","foto28.1","foto32","foto33");
var url=window.location.href;
var idioma = (url.indexOf('english')==-1) ? 0 : 1;

function addClass(element, value) {
	if (!element.className) {
		element.className = value;
	} else {
		var newClassName = element.className;
		newClassName += " ";
		newClassName += value;
		element.className = newClassName;
	}
}

function addEvent(obj, evType, fn, useCapture){
  if (obj.addEventListener){
    obj.addEventListener(evType, fn, useCapture);
    return true;
  } else if (obj.attachEvent){
    var r = obj.attachEvent("on"+evType, fn);
    return r;
  } else {
    alert("Handler could not be attached");
  }
}
//Fin Funciones utiles

function crearTd(txt){
	var cell = document.createElement("td");
	var aHref = document.createElement("a");
	aHref.setAttribute("href", "#"+txt)
	if (txt<10) {txt="0"+txt}
	var texto = document.createTextNode(txt);
	aHref.appendChild(texto);
	cell.appendChild(aHref);
	return cell;
}

function hacerTbody(a,b){
	var nFotos=b.length;
	var romper=4;
	var row = document.createElement("tr");
	for(var c=1;c<=nFotos;c++){
		if (romper==0){
			a.appendChild(row);
			row = null;
			row = document.createElement("tr");
			romper=4;
		}
		row.appendChild(crearTd(c))
		romper--;
	}
	a.appendChild(row);
}

function setFoto(a){
	var photo = document.getElementById('photo');
	var backPic = document.getElementById('backPic');
	var nextPic = document.getElementById('nextPic');
	var nFotos = las_fotos.length;
	setCurrent(a);
	a--;
	photo.innerHTML = "<a href='" + dirRutas[0] + las_fotos[a] + ".jpg' target='_blank'><img src='" + dirRutas[1] + las_fotos[a] + ".jpg' title='" + textos[idioma][4] + "'></a>";
	var bPic=a-1;
	var nPic=a+1;
	if (bPic<0){bPic=nFotos-1;}
	if (nPic==nFotos){nPic=0;}
	var tbPic = bPic+1;
	var tnPic = nPic+1;
/*	if (tbPic==0){tbPic=nFotos;}
	if (tnPic>nFotos){tnPic=1;}*/
	backPic.innerHTML = "<a href='#" + tbPic + "' class='sub' id='backPicA' style='background:url(" + dirRutas[2] + las_fotos[bPic] + ".jpg) no-repeat top center;'><span class='left'>" + textos[idioma][2] + "</span></a></span>";
	nextPic.innerHTML = "<a href='#" + tnPic + "' class='sub' id='nextPicA' style='background:url(" + dirRutas[2] + las_fotos[nPic] + ".jpg) no-repeat top center;'><span class='right'>" + textos[idioma][3] + "</span></a></span>";
	var backPicA = document.getElementById('backPicA');
	var nextPicA = document.getElementById('nextPicA');
	addEvent(backPicA,"click",ClickNum,false);
	addEvent(nextPicA,"click",ClickNum,false);
	var spanbackPicA = backPicA.getElementsByTagName('span')[0];
	var spannextPicA = nextPicA.getElementsByTagName('span')[0];
	addEvent(spanbackPicA,"click",ClickSpan,false);
	addEvent(spannextPicA,"click",ClickSpan,false);
}

function ClickSpan(e){
	if (!e) var e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3) // defeat Safari bug
		targ = targ.parentNode;
	var targ = targ.parentNode;
	var rutas = targ.href.split("#");
	ruta = rutas[rutas.length-1];
	setFoto(ruta);
}

function ClickNum(e){
	if (!e) var e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3) // defeat Safari bug
		targ = targ.parentNode;
	var rutas = targ.href.split("#");
	ruta = rutas[rutas.length-1];
	setFoto(ruta);
}

function setCurrent(b){
	var a = document.getElementById('tablaMenuPics');
	b--;
	var tda = a.getElementsByTagName('a'); 
	for(var c=0;c<tda.length;c++){
		tda[c].className="";
	}
	addClass(tda[b],"current");
}

function setClick(a){
	var tda = a.getElementsByTagName('a');
	for(var c=0;c<tda.length;c++){
		addEvent(tda[c],"click",ClickNum,false);
	}
	
}

function addClick(){
	if(!document.getElementById) return;
	if(!document.getElementsByTagName) return;
	var la_tabla = document.getElementById('tablaMenuPics');
	document.getElementById('ExOurG').innerHTML=textos[idioma][0];
	hacerTbody(la_tabla,las_fotos);
	setFoto(1);
	setClick(la_tabla);
}

addEvent(window,"load",addClick,false);