Event.observe(window,"load",function(){
	var instante=$("divinstante");
	if(!instante)
	{
		return;
	}
	var noticias=instante.down(".noticiasInstante");
	lis=noticias.select("li");
	var total=0;
	lis.each(function(item){
		total+=item.getWidth()+14;
	});
	noticias.setStyle({width:total+"px"});
	moverNoticias(noticias,total)
});

Event.observe(window,"load",function(){
	var tabs=$$(".ventanaTabs");
	if(tabs.length==0)
	{
		return;
	}
	var hash = window.location.hash;
	hash=hash.gsub("#","");
	tabs.each(function(tab){		
		var parametro;
		if($("parametro"))
		{
			parametro=$F("parametro");
		}
		cambiarSeccion(hash,null,parametro);	
	});	
});

function moverNoticias(noticias,total)
{	
	var li=noticias.down("li");
	var posX=li.getWidth();	
	var newLi=new Element("li").update(li.innerHTML);	
	noticias.setStyle({width:total+posX+14+"px"});	
	noticias.down("ul").insert(newLi);
	new Effect.Pulsate(noticias.up(".divinstante").down(".loguito"),{pulses:8,duration:1.5,delay:10,afterFinish:function(){
		new Effect.Move(noticias, { x: -(posX), y: 0, mode: 'absolute',duration:.5,afterFinish: function(){		
			noticias.setStyle({left:0});
			li.remove();
			moverNoticias(noticias,total);
		}});
	}});			
}

var tiempoScroll;

function scrollPuntos(elemento,sentido)
{
	elemento=$(elemento);
	var cuadro=elemento.up(".tablaGeneralResumen");
	var tira=cuadro.down(".tiraPuntos");
	var padre=cuadro.down(".puntaje");
	var offset=tira.down("li").getHeight();
	//offset=18.4;
	var oculto=tira.getHeight()-padre.getHeight();
	var top=tira.positionedOffset().top;
	var nuevoTop=top+sentido*offset;
	if((sentido==-1 && Math.abs(nuevoTop)>oculto+5) || (sentido==1 && top>=0))
	{
		return;
	}
	var flechaArriba=elemento.up(".flechas").down(".arriba");
	var flechaAbajo=elemento.up(".flechas").down(".abajo");
	if(sentido==-1 && Math.abs(nuevoTop+sentido*offset)>oculto+5)
	{
		flechaAbajo.addClassName("noactivo");
	}
	else
	{
		flechaAbajo.removeClassName("noactivo");
	}
	
	if(sentido==1 && top>=0-offset)
	{
		flechaArriba.addClassName("noactivo");
	}
	else
	{
		flechaArriba.removeClassName("noactivo");
	}
	//tira.setStyle({top:nuevoTop+"px"});
	new Effect.Move(tira,{x:0,y:offset*sentido,duration:.1})
	tiempoScroll=setTimeout(function(){
		scrollPuntos(elemento,sentido);
	},100);	
}

function quitarScroll()
{
	clearTimeout(tiempoScroll);
}

function cambiarSeccion(seccion,elemento,parametro)
{
	if(!seccion.isEmpty())
	{
		window.location.hash=seccion;
	}	
	var parametros;	
	if(parametro!=null)
	{
		parametros="parametro="+parametro;
	}
	var contenidos=$("contenidos")
	var tabs=contenidos.up(".ventanaTabs").down(".tabs");
	tabs.select("li").invoke("removeClassName","activo");
	if(seccion.isEmpty())
	{
		seccion=tabs.down("li").readAttribute("seccion");
	}
		
	//document.title="Deportivo Toluca FC - "+tabs.down("li[seccion='"+seccion+"']").innerHTML.stripTags();
	
	var direccion="/php/codes/scripts.php?action="+seccion;
	var tabNuevo=tabs.down("[seccion='"+seccion+"']");
	tabNuevo.addClassName("activo");
	var rC=function()
	{
		if(Prototype.Browser.IE && BrowserDetect.version<7)
		{
			redimensionarCols();
		}
	}	
	if(contenidos.down("[seccion='"+seccion+"']"))
	{
		contenidos.select(".panel").invoke("hide");
		div=contenidos.down("[seccion='"+seccion+"']");
		div.show();
		rC();
		return;
	}	
	var funcion=function(resp)	
	{		
		contenidos.select(".panel").invoke("hide");
		var div;
		if(!contenidos.down("[seccion='"+seccion+"']"))
		{
			div=new Element("div",{'class':'panel',seccion:seccion});
			contenidos.insert(div);
		}
		else
		{
			div=contenidos.down("[seccion='"+seccion+"']");
		}
		div.update(resp.responseText);
		div.show();
	}
	new Ajax.Request(direccion,{method:'post',parameters:parametros,onSuccess:funcion,onComplete:rC});
	return false;
}

function verMinutoMinutoVentana(partido)
{
	window.open("/minuto?partido="+partido,"minuto","width=400,height=470,Scrollbars=no,Directories =no,Location =no,Menubar=no,Toolbar =no");
}

var tiempoMonitor=null;

function actualizarMonitor(monitor)
{
	var direccion="/php/codes/scripts.php?action=monitor";
	var parametros="ultimoMensaje="+ultimoMensajeMonitor+"&monitor="+monitor;	
	var funcion=function(resp)
	{
		var json=resp.responseText.evalJSON();
		var monitor=$("monitor");
		var lista=monitor.down(".lista ul");
		if(json)
		{
			json.each(function(item){
				ultimoMensajeMonitor++;
				var clase="";
				var ultimoLi=lista.down("li");
				if(ultimoLi)
				{
					if(!ultimoLi.hasClassName("otro"))
					{
						clase="otro";
					}
				}				
				var li=new Element("li").hide();
				var fecha=new Element("h1").update(item["fechaFormat"]);
				var contenido=new Element("h2").update(item["sMensaje"]);
				li.addClassName(clase);
				li.insert(fecha);
				li.insert(contenido);
				lista.insert({top:li});
				new Effect.Appear(li,{duration:.5});
			});
		}
	}	
	new Ajax.Request(direccion,{method:'post',parameters:parametros,onSuccess:funcion,onComplete:function(){setTimeout(function(){tiempoMonitor=actualizarMonitor(monitor);},12000);}});
}

function minimizarMonitor(boton)
{
	var posicion="fixed";
	if(Prototype.Browser.IE && BrowserDetect.version<7)
	{
		posicion="absolute";
	}
	var monitor=$(boton).up(".monitor")
	var div=monitor.down(".contenidoMonitor");
	var minimizar=monitor.down(".minimizar");
	if(!monitor.hasClassName("minimizado"))
	{
		monitor.addClassName("minimizado")
		minimizar.addClassName("maximizar");
		new Effect.Morph(monitor,{style:"height:32px",duration:.3});
		monitor.setStyle({position:posicion});
		var top=monitor.cumulativeOffset().top;
		var left=monitor.cumulativeOffset().left
		var bottom=document.viewport.getHeight()-(top+monitor.getHeight());
		var right=document.viewport.getWidth()-(left+monitor.getWidth());
		monitor.setStyle({bottom:bottom+"px",right:right+"px",top:'auto',left:'auto'});
		new Effect.Morph(monitor,{duration:.3,style:"right:50px;bottom:0;"});
	}
	else
	{
		monitor.removeClassName("minimizado");
		minimizar.removeClassName("maximizar");
		new Effect.Morph(monitor,{style:"height:398px;",duration:.2});
	}
}

function cerrarMonitor(boton)
{
	var monitor=$(boton).up(".monitor");
	new Effect.Fade(monitor,{duration:.5});
	clearTimeout(tiempoMonitor);
}

Event.observe(window,"load",function(){
	if(!$("monitor"))
	{
		return;
	}
	var posicion="fixed";
	if(Prototype.Browser.IE && BrowserDetect.version<7)
	{
		posicion="absolute";
	}
	var monitor=$("monitor");
	var body=$$("body")[0];
	body.insert({top:monitor});
	new Draggable($("monitor"),{handle:$("monitor").down(".caption"),onStart:function(){
		$("monitor").setStyle({top:monitor.cumulativeOffset().top+'px',left:monitor.cumulativeOffset().left+'px'});
		$("monitor").setStyle({right:'auto',bottom:'auto'});		
	},
	change:function(){
		if(monitor.hasClassName("minimizado"))
		{
			$("monitor").setStyle({position:posicion,bottom:"0px",right:"50px",top:'auto',left:'auto'});
		}
	}});
});

var tiempoGaleriaFotos;

function galeriaManual(elemento,sentido,imagenes,carpeta,tipo,tamanios)
{
	clearTimeout(tiempoGaleriaFotos);
	siguienteFoto(elemento,sentido,imagenes,carpeta,tipo,tamanios);
}

function galeriaAutomatica(imagenes,dir,tipo)
{	
	//return;
	var flechas=$$(".imagenes .flechas");
	var transicion=5000;
	if(flechas.length<=0 || imagenes.length<=1)
	{
		return;
	}
	tiempoGaleriaFotos=setTimeout(function(){		
		siguienteFoto(flechas[0],1,imagenes,dir,tipo,1);
		galeriaAutomatica(imagenes,dir,tipo);
	},transicion);	
}

Event.observe(window,"load",function(){
	var tiempo;
	var intervalo=5000;
	var cambiarFotos=function(){
		var imagenes=$$(".fotoHeader .frame");
		if(imagenes.length<=0)
		{
			return;
		}
		var activo=$$(".fotoHeader .activo")[0];
		var siguiente=activo.next()?activo.next():imagenes[0];
		var cambioImagenes=function()
		{
			activo.addClassName("superior");
			siguiente.addClassName("activo").setStyle({display:'block'});
			new Effect.Fade(activo,{duration:.8,afterFinish:function(){
				activo.removeClassName("activo")
				activo.removeClassName("superior");
				tiempo=setTimeout(function(){cambiarFotos();},intervalo);
			}});
		}
		if(!siguiente.down("img"))
		{
			var img=new Element("img",{src:'/images/header/'+siguiente.readAttribute("src")});
			siguiente.insert(img);
			cargandoImagen(img,function(){
				cambioImagenes();
			});	
			return;		
		}
		cambioImagenes();
	};
	tiempo=setTimeout(function(){cambiarFotos();},intervalo);
});

//Script para animar el header del campeón 2010

Event.observe(window,"load",function(){
	var headerCampeon=$("headerCampeon");
	if(headerCampeon==null)
	{
		return;
	}
	//new Effect.Appear(headerCampeon.down(".headerInterno"),{duration:.8});
	var animacion=function()
	{
		var copas=headerCampeon.down(".copas");
		var campeones=headerCampeon.down(".headerCampeones");
		if(!copas.hasClassName("activo"))
		{
			new Effect.Appear(copas,{duration:.8,delay:3,afterFinish:function(){
				copas.addClassName("activo");
				new Effect.Appear(campeones,{duration:.8,delay:3,afterFinish:function(){
					campeones.addClassName("activo");
					animacion();
				}});
			}});
		}			
		else
		{
			new Effect.Fade(campeones,{duration:.8,delay:3,afterFinish:function(){
				copas.removeClassName("activo");
				new Effect.Fade(copas,{duration:.8,delay:3,afterFinish:function(){
					campeones.removeClassName("activo");
					animacion();
				}});
			}});
		}
	}
	animacion();
});
