var galeria = new com.lp.Paginador("galeria");
var fotosUtilizar = fotos_galeria;

galeria.refresh = function(){
	var i = 1;
	while(galeria.moreItem()){
		var obj = galeria.currentItem();
		var img = $("galeFoto"+i);
		img.src = "fotos/chicas/"+obj;
		img.style.display = "inline";
		if(i==1){
			cargarMediana(obj);
			cargarGrande(obj);			
		}		
		i++;
		galeria.moveNext();
	}
	while(i<=6){
		img = $("galeFoto"+i).style.display = "none";
		i++;
	}
}

function cargarFotos(){
	recibirFotos(fotosUtilizar);
}

function recibirFotos(json){
	galeria.setArray(json);
}

function crearGaleria(vector){
	fotosUtilizar = vector;
	dhtmlHistory.add("galeria",vector);
	cargarPagina("galeria.html",galeriaCreada,"contenidoGaleria");
}

function galeriaCreada(){
	galeriaShow();
	
	galeria.setContentNavegator("naveGaleria");
	cargarFotos();	
	Event.observe("galeFoto1","click",clickEnChica);	
	Event.observe("galeFoto2","click",clickEnChica);
	Event.observe("galeFoto3","click",clickEnChica);
	Event.observe("galeFoto4","click",clickEnChica);
	Event.observe("galeFoto5","click",clickEnChica);
	Event.observe("galeFoto6","click",clickEnChica);					
	Event.observe("galeria_FotoMediana","click",clickEnMediana);
	
	new Draggable('galeriaPopup',{starteffect:undefined,endeffect:undefined});
	var src;
	if(fotosUtilizar == fotos_galeria){
	    src = "img/titulo_tattoos.gif";
	  }else if (fotosUtilizar == fotos_japanese){
	   src = "img/titulo_oriental.gif";  
	  }else if (fotosUtilizar == fotos_ladies) {
	    src = "img/titulo_ladies.gif";  
	  }else if (fotosUtilizar == fotos_lettering) {
	    src = "img/titulo_lettering.gif";  
	  }else{
	   src = "img/titulo_arte.gif";  
  }
 $("tituloGaleria").src = src;
}

function galeriaShow(){
	galeriaPosicionar();
	$("contenido").style.display = "none";
	$("divScroll").style.display = "none";
	$("contenidoGaleria").style.display = "";		
}

function galeriaHide(){
	$("contenido").style.display = "";
	$("divScroll").style.display = "";		
	$("contenidoGaleria").style.display = "none";	
}

function galeriaPosicionar(e){
	var top = YAHOO.util.Dom.getY($("tdContenido"));
	var left = YAHOO.util.Dom.getX($("tdContenido"));	
	var obj = $("contenidoGaleria");
	obj.style.top = top - 0;
	obj.style.left = left + 5;	
}

function cargarMediana(nombre){
	var img = $("galeria_FotoMediana");
	img.src = "fotos/medianas/"+nombre;
}


function cargarGrande(nombre){
	$("galeria_FotoGrande").src = "fotos/grandes/"+nombre;		
}

function mostrarPopup(){
	var div = $("galeriaPopup");
	var vSize = sizeWin();
	var dim = Element.getDimensions(div);
	div.style.top = (vSize[1] - dim.height)/2+15;
	div.style.left = (vSize[0] - dim.width)/2-30;
	Effect.Appear("galeriaPopup",{duration:0.5});
}

function cerrarPopup(){
	Effect.Fade("galeriaPopup",{duration:0.5});	
}

/**** EVENTOS ****/

function clickEnChica(e){
	var img = Event.element(e);
	var nombre = getNameFile(img.src);
	$("galeriaPopup").hide();
	cargarMediana(nombre);
	cargarGrande(nombre);
}

function clickEnMediana(e){
	mostrarPopup();	
}