$().ready(function(){
	News.init();
});


News =
{	
	Items:null,
	current:-1,
	rotatorHandler:null,
	
	init:function()
	{		   
		if (!$.browser.msie){
			$(".footerRow2Col3 .title").css("font-weight","bold");								
		}         
		News.Items=$(".NewsItems .itemNews");
		News.Items.hide();																
		News.NewsAnimation();
		News.Start();		
		News.onMouseNews();		
	},
	
	NewsAnimation: function(){
		//Si es la primera iteracción
		if (News.current == -1){	
			$.each( News.Items, function(index, element){						
				if (index == 0){
					News.Items[index].attributes["class"].value += " firstNode";
					News.Items[index].style.display="";
				}
				if (index == 1){		
					News.Items[index].attributes["class"].value += " secondNode";
					News.Items[index].style.display="";
				}
			});		
			
			News.current = News.current + 1;
			//var html = $(".firstNode").html();	
		}
		else{	
			//Comenzamos de nuevo con el primer elemento
			//if (News.current > News.Items.length) News.current=0;			
			var items = [];
			
			$.each( News.Items, function(index, element){
				items[index] = element.innerHTML;		
			});
			
			$(".NewsItems .itemNews").empty();
			
			$.each( News.Items, function(index, element){
				if ((index + 1) < items.length){
					$(element).append(items[index + 1]);			 
				}
				else{
					$(element).append(items[0]);			 
				}
			});								
			
			//Cambio propiedad opacity de 0 - 1 y se muestra el elemento
			$(".firstNode").css({opacity:0});						
			$(".firstNode")[0].style.display="";						
			$(".firstNode").animate({opacity:1}, 1000, "swing", function(){ this.style.filter="" });														
			
			//Cambio propiedad opacity de 0 - 1 y se muestra el elemento
			$(".secondNode").css({opacity:0});						
			$(".secondNode")[0].style.display="";	
			$(".secondNode").animate({opacity:1}, 1000, "swing", function(){ this.style.filter="" });					
		}	
	},
	
	Start: function(){
		if (News.Items.length>0)
		{
			//Comenzar la secuencia de imágenes, 		
			//representando el período de tiempo entre una imagen y otra
			News.rotatorHandler=setInterval(News.NewsAnimation, 4500);
		}
	},
	
	onMouseNews:function(){
		$(".itemNews").mouseover(function()
		{
			//Paramos la rotación cuando nos presentamos 
			//sobre la imagen en cuestión
			clearInterval(News.rotatorHandler);
		});
		
		$(".itemNews").mouseout(function()
		{		
			News.Start();
		});
	}	
}