var tiempoGaleriaPartido;

function mostrarImagenGaleria(imagen,posicion,elemento,evento)
{
	elemento=$(elemento);
	evento=evento==null?0:1;
	var cuadro=elemento.up(".galeriaImagenes");
	var tira=cuadro.down(".tira");
	var nuevoDiv=null;
	var tiraAbajo=cuadro.down(".tiraImagenes");
	var actual=tira.down(".activo");
	var li=elemento.up("li");
	var previous=li.previousSiblings();
	var tamanioTira=tira.getWidth();
	var leftLi=li.positionedOffset().left;
	var tamanioAntes=(53*previous.length);
	var tiraLarga=cuadro.down(".tiraLarga");
	if(cuadro.hasClassName("activo"))
	{
		//return;
	}
	cuadro.addClassName("activo")
	var mostrar=function()
	{		
		if(evento==1)
		{
			if(previous.length>=10 && tamanioAntes<leftLi)
			{
				moverTiraImagenes(cuadro.down(".izq").down("a"),-1);
				terminarMoverTira(cuadro.down(".izq").down("a"));
			}			
			if(posicion==0)
			{
				//tiraLarga.setStyle({left:"0px"});
				moverTiraImagenes(cuadro.down(".izq").down("a"),1,.05);
			}				
			
		}
		else
		{
			clearTimeout(tiempoGaleriaPartido);
		}
		if(!actual.down(".pieFoto").innerHTML.stripTags().isEmpty())
		{
			new Effect.SlideUp(actual.down(".pieFoto"),{duration:.3,afterFinish:function(){
				
			}});	
		}
		actual.setStyle({zIndex:9});
		nuevoDiv.setStyle({zIndex:10});	
		new Effect.Appear(nuevoDiv,{duration:.3,afterFinish:function(){
			cuadro.removeClassName("activo");
			actual.removeClassName("activo");
			actual.hide()
			nuevoDiv.addClassName("activo");
			tiraAbajo.down(".activo").removeClassName("activo");
			elemento.addClassName("activo");	
			if(!elemento.readAttribute("pie").isEmpty())
			{
				new Effect.SlideDown(nuevoDiv.down(".pieFoto"),{duration:.3})
			}		
		}});
	}
	if(""+posicion==""+actual.readAttribute("posicion"))
	{
		return;
	}
	if(!tira.down("[posicion='"+posicion+"']"))
	{
		var imagen=new Element("img",{src:'/images/galeria/'+imagen+''});
		var div=new Element("div",{'class':'frameImagen',posicion:posicion}).hide();
		var pie=new Element("div",{'class':'pieFoto',pie:elemento.readAttribute("pie")}).hide();
		pie.insert(new Element("div",{'class':'fondo'}));
		pie.insert(new Element("div",{'class':'pie'}).update(elemento.readAttribute("pie")));
		div.insert(pie);
		div.insert(imagen);
		tira.insert(div);
		nuevoDiv=div;
		var loading=new Element("div",{'class':'loading'});
		cuadro.insert(loading);
		cargandoImagen(imagen,function(){
			loading.remove();
			mostrar();
		});
	}
	else
	{
		nuevoDiv=tira.down("[posicion='"+posicion+"']");
		nuevoDiv.hide();
		mostrar();
	}	 
}

function galeriaPartidoManual(imagen,posicion,elemento)
{
	clearTimeout(tiempoGaleriaPartido);
	mostrarImagenGaleria(imagen,posicion,elemento);
}

var tiempoTiraGaleria;

function moverTiraImagenes(elemento,sentido,duracion)
{
	duracion=duracion==null?.1:duracion;
	var offset=53;	
	elemento=$(elemento);
	var cuadro=elemento.up(".tiraImagenes");
	var tira=cuadro.down(".tiraLarga");
	var nuevoLeft=tira.positionedOffset().left+offset*sentido;
	//tira.setStyle({left:nuevoLeft+"px"});
	var nuevoX=offset*sentido;
	var tamanioTira=tira.getWidth();
	var tamanioCuadro=cuadro.down(".cen").getWidth();
	var espacio=tamanioTira-tamanioCuadro;
	var izq=cuadro.down(".izq");
	var der=cuadro.down(".der");
	if((sentido==-1 && Math.abs(nuevoLeft)>espacio) || (sentido==1 && nuevoLeft>0))
	{
		return;
	}
	if((sentido==-1 && Math.abs(nuevoLeft+offset*sentido)>espacio))
	{
		der.addClassName("noactivo");
	}
	else
	{
		der.removeClassName("noactivo");
	}
	
	if((sentido==1 && nuevoLeft+offset*sentido>0))
	{
		izq.addClassName("noactivo");
	}
	else
	{
		izq.removeClassName("noactivo");
	}
	
	new Effect.Move(tira,{x:nuevoX,y:0,duration:duracion});
	tiempoTiraGaleria=setTimeout(function(){ moverTiraImagenes(elemento,sentido);},200);
}


function terminarMoverTira()
{
	clearTimeout(tiempoTiraGaleria);
}

Event.observe(window,"load",function(){
	autoGaleriaPartido();
});

function autoGaleriaPartido()
{
	if($$(".galeriaImagenes .tiraImagenes .tiraLarga").length<=0)
	{
		return;
	}
	var activa=$$(".galeriaImagenes .tiraImagenes .tiraLarga .activo")[0];	
	var liActiva=activa.up("li");
	var siguiente;
	if(liActiva.length<=0)
	{
		return;
	}
	if(liActiva.next())
	{
		siguiente=liActiva.next();
	}
	else
	{
		siguiente=liActiva.up("ul").down("li");
	}
	tiempoGaleriaPartido=setTimeout(function(){
		var posicion=siguiente.readAttribute("posicion").parseInt();
		var imagen=siguiente.readAttribute("imagen");
		mostrarImagenGaleria(imagen,posicion,siguiente.down("a"),1);
		autoGaleriaPartido();
	},5000);
	
}
/*function mostrarImagenGaleria(imagen,posicion,elemento,evento)
{
	elemento=$(elemento);
	evento=evento==null?0:1;
	var cuadro=elemento.up(".galeriaImagenes");
	var tira=cuadro.down(".tira");
	var nuevoDiv=null;
	var tiraAbajo=cuadro.down(".tiraImagenes");
	var actual=tira.down(".activo");
	var li=elemento.up("li");
	var previous=li.previousSiblings();
	var tamanioTira=tira.getWidth();
	var leftLi=li.positionedOffset().left;
	var tamanioAntes=(53*previous.length);
	var tiraLarga=cuadro.down(".tiraLarga");
	if(cuadro.hasClassName("activo"))
	{
		//return;
	}
	cuadro.addClassName("activo")
	var mostrar=function()
	{	
		if(evento==1)
		{
			if(previous.length>=10 && tamanioAntes<leftLi)
			{
				moverTiraImagenes(cuadro.down(".izq").down("a"),-1);
				terminarMoverTira(cuadro.down(".izq").down("a"));
			}			
			if(posicion==0)
			{
				//tiraLarga.setStyle({left:"0px"});
				moverTiraImagenes(cuadro.down(".izq").down("a"),1,.05);
			}				
			
		}
		if(!actual.down(".pieFoto").innerHTML.stripTags().isEmpty())
		{
			new Effect.SlideUp(actual.down(".pieFoto"),{duration:.3,afterFinish:function(){
				
			}});	
		}
		actual.setStyle({zIndex:9});
		nuevoDiv.setStyle({zIndex:10});	
		new Effect.Appear(nuevoDiv,{duration:.3,afterFinish:function(){
			cuadro.removeClassName("activo");
			actual.removeClassName("activo");
			actual.hide()
			nuevoDiv.addClassName("activo");
			tiraAbajo.down(".activo").removeClassName("activo");
			elemento.addClassName("activo");	
			if(!elemento.readAttribute("pie").isEmpty())
			{
				new Effect.SlideDown(nuevoDiv.down(".pieFoto"),{duration:.3})
			}			
		}});	
	}
	if(""+posicion==""+actual.readAttribute("posicion"))
	{
		return;
	}
	if(!tira.down("[posicion='"+posicion+"']"))
	{
		var imagen=new Element("img",{src:'/site/resizeImage.php?imagen=../images/instalaciones/'+imagen+'&width=548&height=411'});
		var div=new Element("div",{'class':'frameImagen',posicion:posicion}).hide();
		var pie=new Element("div",{'class':'pieFoto',pie:elemento.readAttribute("pie")}).hide();
		pie.insert(new Element("div",{'class':'fondo'}));
		pie.insert(new Element("div",{'class':'pie'}).update(elemento.readAttribute("pie")));
		div.insert(pie);
		div.insert(imagen);
		tira.insert(div);
		nuevoDiv=div;
		var loading=new Element("div",{'class':'loading'});
		cuadro.insert(loading);
		cargandoImagen(imagen,function(){
			loading.remove();
			mostrar();
		});
	}
	else
	{
		nuevoDiv=tira.down("[posicion='"+posicion+"']");
		nuevoDiv.hide();
		mostrar();
	}	 
}

var tiempoTiraGaleria;

function moverTiraImagenes(elemento,sentido)
{
	var offset=60;	
	elemento=$(elemento);
	var cuadro=elemento.up(".tiraImagenes");
	var tira=cuadro.down(".tiraLarga");
	var nuevoLeft=tira.positionedOffset().left+offset*sentido;
	//tira.setStyle({left:nuevoLeft+"px"});
	var nuevoX=offset*sentido;
	var tamanioTira=tira.getWidth();
	var tamanioCuadro=cuadro.down(".cen").getWidth();
	var espacio=tamanioTira-tamanioCuadro;
	var izq=cuadro.down(".izq");
	var der=cuadro.down(".der");
	if((sentido==-1 && Math.abs(nuevoLeft)>espacio) || (sentido==1 && nuevoLeft>0))
	{
		return;
	}
	if((sentido==-1 && Math.abs(nuevoLeft+offset*sentido)>espacio))
	{
		der.addClassName("noactivo");
	}
	else
	{
		der.removeClassName("noactivo");
	}
	
	if((sentido==1 && nuevoLeft+offset*sentido>0))
	{
		izq.addClassName("noactivo");
	}
	else
	{
		izq.removeClassName("noactivo");
	}
	
	new Effect.Move(tira,{x:nuevoX,y:0,duration:.1});
	tiempoTiraGaleria=setTimeout(function(){ moverTiraImagenes(elemento,sentido);},200);
}


function terminarMoverTira()
{
	clearTimeout(tiempoTiraGaleria);
}

Event.observe(window,"load",function(){
	autoGaleriaPartido();
});

function autoGaleriaPartido()
{
	if($$(".galeriaImagenes .tiraImagenes .tiraLarga").length<=0)
	{
		return;
	}
	var activa=$$(".galeriaImagenes .tiraImagenes .tiraLarga .activo")[0];	
	var liActiva=activa.up("li");
	var siguiente;
	if(liActiva.length<=0)
	{
		return;
	}
	if(liActiva.next())
	{
		siguiente=liActiva.next();
	}
	else
	{
		siguiente=liActiva.up("ul").down("li");
	}
	tiempoGaleriaPartido=setTimeout(function(){
		var posicion=siguiente.readAttribute("posicion").parseInt();
		var imagen=siguiente.readAttribute("imagen");
		mostrarImagenGaleria(imagen,posicion,siguiente.down("a"),1);
		autoGaleriaPartido();
	},5000);
	
}*/