$(document).ready(function(){
	
	$(".Controler").show();
	$(".Controler li:first").addClass("Ativo");	
	
	rotate = function(){
		var triggerID = $active.children().attr("rel") - 1;
		
		if(triggerID == 0)
		{
			$("#ItemBanner4").fadeOut();
			$("#ItemBanner3").fadeOut();
			$("#ItemBanner2").fadeOut();
		}	
		//alert(triggerID);
		
		if(triggerID == 1)
		{
			$("#ItemBanner1").fadeOut();
			$("#ItemBanner3").fadeOut();
			$("#ItemBanner4").fadeOut();
		}
		
		if(triggerID == 2)
		{
			$("#ItemBanner1").fadeOut();
			$("#ItemBanner2").fadeOut();
			$("#ItemBanner4").fadeOut();
		}
		
		if(triggerID == 3)
		{
			$("#ItemBanner1").fadeOut();
			$("#ItemBanner2").fadeOut();
			$("#ItemBanner3").fadeOut();
		}
		
		//$("#ItemBanner"+triggerID).fadeOut();
		
		$(".Controler li").removeClass('Ativo');
		
		$active.addClass('Ativo');
		
		trigger = triggerID+1;
		
		$("#ItemBanner"+trigger).fadeIn();

	}; 

	rotateSwitch = function(){
		play = setInterval(function(){ 
			$active = $('.Controler li.Ativo').next();
			
			if($active.length === 0)
				$active = $('.Controler li:first');
			
			rotate();
		}, 5000);
	};
	
	rotateSwitch();
	
	/*
	$(".Banner a").hover(function(){
		clearInterval(play);
	}, function(){
		rotateSwitch();
	});
	*/	

	$(".Controler li a").click(function(){
		$active = $(this).parent();
		
		var i = $active.children().attr("rel");
		
		$("#ItemBanner1").fadeOut();
		$("#ItemBanner2").fadeOut();
		$("#ItemBanner3").fadeOut();
		$("#ItemBanner4").fadeOut();
		$("#ItemBanner"+i).fadeIn();
		
		clearInterval(play);
		rotate();
		rotateSwitch();
		return false;
	});
});