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);
			}				
			
		}
		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:'/site/resizeImage2.php?imagen=../images/partido/'+imagen+'&width=583&height=338'});
		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=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);
}

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);
	
}

var tiempoMinuto;
var espera=30000;

function actualizarMinuto()
{
	var partido=$F("partido");
	var lastRow=$F("lastRow");
	lastRow=lastRow==null?0:lastRow;
	var direccion="/php/codes/scripts.php?action=actualizarMinuto";
	var parametros="partido="+partido+"&lastRow="+lastRow;
	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.parseInt()==0)
		{
			//div.update("");
			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())
		{
			var json=resp.responseText.evalJSON();
			json.each(function(item,n){
				var tr=new Element("tr");
				var total=tbody.select("tr").length;
				if(total%2!=0)
				{
					tr.addClassName("otro");
				}
				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);
				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});
}