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=(65*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);
			}				
			
		}
		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(""+posicion==""+actual.readAttribute("posicion"))
	{
		return;
	}
	if(!tira.down("[posicion='"+posicion+"']"))
	{
		var imagen=new Element("img",{src:'/images/partido/cache/'+imagen});
		var div=new Element("div",{'class':'frameImagen',posicion:posicion}).hide();
		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=67;	
	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);
}

var tiempoGaleriaPartido;

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 actualizarMinuto()
{
	var espera=(1*1000)*60;
	var tiempoMinuto;
	var partido=$F("partido");
	var lastRow=$F("lastRow");
	var minuto=$F("minuto");
	lastRow=lastRow==null?0:lastRow.parseInt();
	var direccion="/php/codes/scripts.php?action=actualizarMinuto";
	var parametros="minuto="+minuto;
	var loading=new Element("div",{'class':'cargando'}).update("Cargando...");
	loading.setStyle({top:+document.viewport.getScrollOffsets().top+"px"});
	$$("body")[0].insert({top:loading});
	var funcion=function(resp)
	{
		loading.remove();
		var div=$("desMinuto");
		var tbody;
		if(lastRow==0)
		{
			var tabla=new Element("table",{'class':'tablaMinuto'});
			tbody=new Element("tbody");
			tabla.insert(tbody);
			div.insert(tabla);			
		}
		else
		{
			tbody=div.down(".tablaMinuto").down("tbody");
		}
		
		if(!resp.responseText.isEmpty())
		{
			if(resp.responseText.isJSON())
			{
				var json=resp.responseText.evalJSON();
				json.each(function(item,n){
					if(item.idMinutoAMinutoDetalle*1<=lastRow)
					{
						return;
					}					
					var tr=new Element("tr");
					var total=tbody.select("tr").length;
					if(total%2!=0)
					{
						tr.addClassName("otro");
					}
					if(item.idTipoEvento==18)
					{
						tr.addClassName("toluca")
					}
					tbody.insert({top:tr});
					var tdMinuto=new Element("td",{'class':'tdMinuto'}).update(item.sMinuto);
					var tdIcono=new Element("td",{'class':'tdImagen'});
					if(!item.sImagen.isEmpty())
					{
						//var imagen=new Element("img",{src:'/images/iconos_minuto/'+item.sImagen,alt:item.sTipoEvento,title:item.sTipoEvento});
						var imagen=new Element("img",{src:'/images/iconos_minuto/'+item.sImagen,alt:item.sTipoEvento,title:item.sTipoEvento});
						tdIcono.update(imagen);
					}
					var tdComentario=new Element("td",{'class':'tdComentario'}).update(item.sComentario);
					if(item.sComentario=="@1001")
					{
						tdComentario.update("");
					}
					tr.insert(tdMinuto);
					tr.insert(tdIcono);
					tr.insert(tdComentario);
					if(!item.sSonido.isEmpty())
					{
						reproducirSonido(item.sSonido)
					}
					if(item.idTipoEvento=="1" ||item.idTipoEvento=="18" ||item.idTipoEvento=="20" ||item.idTipoEvento=="21" )
					{
						actualizarMarcador();
					}
				});
	
				$("lastRow").value=json[json.length-1].idMinutoAMinutoDetalle;
				if(json[json.length-1].bTerminado==1)
				{
					return;
				}
			}			
		}		
		//tiempoMinuto=setTimeout(function(){actualizarMinuto()},espera);
	}
	var funcionComplete=function()
	{
		tiempoMinuto=setTimeout(function(){actualizarMinuto()},espera);
	}
	new Ajax.Request(direccion,{method:'post',parameters:parametros,onSuccess:funcion,onComplete:funcionComplete});
}

function actualizarMarcador()
{
	var direccion="/php/codes/scripts.php?action=marcador";
	var parametros="partido="+$F("partido");
	var funcion=function(resp)
	{
		var json=resp.responseText.evalJSON();
		var div=$("resultadoPartido");
		if(!div.hasClassName("marcadorPopup"))
		{
			div.update(json.marcador);
		}
		else
		{
			div.down(".gLocal").update(json.goles.local);
			div.down(".gVisitante").update(json.goles.visitante);
		}
	}
	new Ajax.Request(direccion,{parameters:parametros,onSuccess:funcion});
}