Event.onDOMReady(function(){
	animar();
});

function animar(){
	var crono=$("crono");
	if(!crono)
	{
		return;
	}	
	var intervalo=1000;
	var tiempoAnimacion=.3;
	
	
	var divHora1=crono.down(".numero.horas .digito1");
	var divHora2=crono.down(".numero.horas .digito2");
	var divMinuto1=crono.down(".numero.minutos .digito1");
	var divMinuto2=crono.down(".numero.minutos .digito2");
	var divSegundo1=crono.down(".numero.segundos .digito1");
	var divSegundo2=crono.down(".numero.segundos .digito2");
	var hora1=divHora1.readAttribute("digito")*1;
	var hora2=divHora2.readAttribute("digito")*1;
	var minuto1=divMinuto1.readAttribute("digito")*1;
	var minuto2=divMinuto2.readAttribute("digito")*1;	
	var segundo1=divSegundo1.readAttribute("digito")*1;
	var segundo2=divSegundo2.readAttribute("digito")*1;
	
		
	var animacion=function()
	{
		var parar=false
		var offset=-34;
		var cambiarNumero=function(div)
		{
			new Effect.Move(div.down(".tiraDigitos"),{x:0,y:offset,duration:tiempoAnimacion,afterFinish:function(){
				var tira=div.down(".tiraDigitos");
				var primero=tira.down(".digito");
				tira.setStyle({top:"0"});
				tira.insert({bottom:primero});
			}});
		}
		
		cambiarNumero(divSegundo2);		
		segundo2--;
		segundo2=segundo2<0?9:segundo2;
		
		if(segundo2==9)
		{	
			cambiarNumero(divSegundo1);
			segundo1--;
			segundo1=segundo1<0?5:segundo1;			
		}		
		
		if(segundo1==5 && segundo2==9)
		{			
			cambiarNumero(divMinuto2);
			minuto2--;			
			minuto2=minuto2<0?9:minuto2;
		}
		
		if(segundo1==5 && segundo2==9 && minuto2==9)
		{			
			cambiarNumero(divMinuto1);
			minuto1--;			
			minuto1=minuto1<0?5:minuto1;
		}
		if(segundo1==5 && segundo2==9 && minuto2==9 && minuto1==5)
		{			
			cambiarNumero(divHora2);
			hora2--;			
			hora2=hora2<0?9:hora2;
		}
		if(segundo1==5 && segundo2==9 && minuto2==9 && minuto1==5 && hora2==9)
		{			
			cambiarNumero(divHora1);
			hora1--;			
			//hora1=hora1<0?5:hora1;
		}
		
		if(hora1==0 && segundo2==0 && segundo1==0 && minuto1==0 && minuto2==0 && hora2==0)
		{
			/*
			 * Funcion a ejecutar cuando acabe el contador
			 */
			parar=true;
			setTimeout(function(){location="/";},1*1000)
		}
		if(!parar)
		{
			setTimeout(function(){animacion();},intervalo);
		}
		
	}
	setTimeout(function(){animacion();},intervalo)
	
	setInterval(function(){
		crono.select(".numero.puntos .numeracion").invoke("toggleClassName","oculto")
	},intervalo);
	
	var aparecerLabel=function(tiempo)
	{
		setTimeout(function(){
			var label=$("label");
			if(!label.hasClassName("visible"))
			{
				label.addClassName("visible");
				aparecerLabel(intervalo*3);
			}
			else
			{
				label.removeClassName("visible");
				aparecerLabel(intervalo*10);
			}
		},tiempo);
	}
	aparecerLabel(intervalo*10);
}

function animacionEnvivo()
{
	var timerEnvivo=$("timerEnvivo");
	if(timerEnvivo)
	{
		setInterval(function(){
			timerEnvivo.down(".envivo").toggleClassName("activo")
		},1*1000);
	}
}

Event.onDOMReady(function(){
	var opciones=$$(".cuerpoVideos .menuPrincipal .opciones .opcion");
	if(opciones<=0)
	{
		return;
	}	
	var seccion=$("cuerpoSeccion").readAttribute("seccion");
	opciones.each(function(opcion){
		if(seccion==opcion.readAttribute("opcion"))
		{
			opcion.down("a").addClassName("activo")
		}
	});
})

Event.onDOMReady(function(){
	var reproductorPrincipal=$("reproductorPrincipal");
	if(!reproductorPrincipal)
	{
		return;
	}
	var videos=$$(".cuerpoVideos .listaVideos .videos .video");
	if(videos.length<=0)
	{
		return;
	}
	videos.each(function(video){
		if(video.readAttribute("ref")==reproductorPrincipal.readAttribute("ref"))
		{
			video.down("a").addClassName("activo")
		}
	});
});