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


Partner =
{	
	Items:null,
	current:-1,
	rotatorHandler:null,
	
	init:function()
	{		            
		Partner.Items=$(".partnerItems .item");
		Partner.Items.hide();																
		Partner.PartnerAnimation();
		Partner.Start();		
		Partner.onMousePartner();		
	},
	
	PartnerAnimation: function(){
		//Si es la primera iteracción
		if (Partner.current == -1){	
			$.each( Partner.Items, function(index, element){						
				if (index == 0){
					Partner.Items[index].attributes["class"].value += " firstNode";
					Partner.Items[index].style.display="";
				}
				if (index == 1){		
					Partner.Items[index].attributes["class"].value += " secondNode";
					Partner.Items[index].style.display="";
				}
			});		
			
			Partner.current = Partner.current + 1;
			//var html = $(".firstNode").html();	
		}
		else{	
			//Comenzamos de nuevo con el primer elemento
			//if (Partner.current > Partner.Items.length) Partner.current=0;			
			var items = [];
			
			$.each( Partner.Items, function(index, element){
				items[index] = element.innerHTML;		
			});
			
			$(".partnerItems .item").empty();
			
			$.each( Partner.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 (Partner.Items.length>0)
		{
			//Comenzar la secuencia de imágenes, 		
			//representando el período de tiempo entre una imagen y otra
			Partner.rotatorHandler=setInterval(Partner.PartnerAnimation, 4500);
		}
	},
	
	onMousePartner:function(){
		$(".partnerItems .item").mouseover(function()
		{
			//Paramos la rotación cuando nos presentamos 
			//sobre la imagen en cuestión
			clearInterval(Partner.rotatorHandler);
		});
		
		$(".partnerItems .item").mouseout(function()
		{		
			Partner.Start();
		});
	}	
}