/****************************************************************************************************

	01 - steps da animação
	02 - zera banner
	03 - anima banner home
	04 - slideshow dos banners
	05 - botão dos steps
	06 - loading dos banners	

****************************************************************************************************/


$(document).ready(function() {	
		
	/*===================================================================================================
	01 - steps da animação
	===================================================================================================*/	
	function stepInit(){
		// limpa animações anteriores	 
		$('#banners_home #banner2 .bg').fadeOut("1000");	
		escondeTodosBanners();		
	
		//realiza animação atual
		$('#banners_home #banner1').show();
		$('#banners_home #banner1 .bg').fadeIn("1000");
		$('#banners_home #banner1 .faixa').show().animate({left: "332px"}, 1000, 'easeInOutExpo');
		$('#banners_home #banner1 .navegacao').hide().animate({left: "750px"}, 1000, 'easeInOutExpo', function(){
			$('#banners_home #banner1 .resumo').fadeIn("fast");
			$('#banners_home #banner1 .navegacao').fadeIn("fast");
		});
	
		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("0").find("a").addClass("ativo");
	}

	function step01(){
		// limpa animações anteriores
		$('#banners_home #banner4 .bg, #banners_home #banner3 .bg, #banners_home #banner2 .bg, #banners_home #banner1 .bg').hide();	
		$('#banners_home #banner4 .foto, #banners_home #banner3 .foto, #banners_home #banner2 .foto, #banners_home #banner1 .foto').show().animate({left: "-1600px"}, 2000, 'easeInOutExpo');
		$('#banners_home #banner4 .faixa, #banners_home #banner3 .faixa, #banners_home #banner2 .faixa, #banners_home #banner1 .faixa').show().animate({left: "1600px"}, 2000, 'easeInOutExpo');
		$('#banners_home #banner4 .navegacao, #banners_home #banner3 .navegacao, #banners_home #banner2 .navegacao, #banners_home #banner1 .navegacao').css("left", "1600px");
		$('#banners_home #banner4 .resumo, #banners_home #banner3 .resumo, #banners_home #banner2 .resumo, #banners_home #banner1 .resumo').hide();			
		//$('#banners_home #banner4, #banners_home #banner3, #banners_home #banner2').hide();

		//realiza animação atual
		escondeTodosBanners();
		$('#banners_home #banner1').show();
		$('#banners_home #banner1 .bg').fadeIn("1000");
		$('#banners_home #banner1 .faixa').show().animate({left: "332px"}, 1000, 'easeInOutExpo');
		setTimeout(function() {
			$('#banners_home #banner1 .navegacao').stop().show().animate({left: "750px"}, 1000, 'easeInOutExpo', function(){
				$('#banners_home #banner1 .resumo').fadeIn("fast");
				$('#banners_home #banner1 .navegacao').fadeIn("fast");
			});
		}, 2000);

		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("0").find("a").addClass("ativo");
	}

	function step02 () {	
		// limpa animações anteriores
		$('#banners_home #banner1 .bg').fadeOut("1000");
		$('#banners_home #banner1 .faixa').show().animate({left: "1600px"}, 1500, 'easeInOutExpo');
		$('#banners_home #banner1 .navegacao').hide().animate({left: "1600px"}, 1000, 'easeInOutExpo');				
		$('#banners_home #banner1 .resumo').fadeOut("fast");
		//$('#banners_home #banner4, #banners_home #banner3, #banners_home #banner1').hide();
		escondeTodosBanners();
	
		//realiza animação atual
		$('#banners_home #banner2').show();
		$('#banners_home #banner2').show();
		$('#banners_home #banner2 .bg').fadeIn("1000");					
		$('#banners_home #banner2 .faixa').show().animate({left: "328px"}, 1000, 'easeInOutExpo');
		$('#banners_home #banner2 .navegacao').hide().animate({left: "790px"}, 1000, 'easeInOutExpo', function(){
			$('#banners_home #banner2 .resumo').fadeIn("fast");
			$('#banners_home #banner2 .navegacao').fadeIn("fast");
		});
	
		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("1").find("a").addClass("ativo");
	}	

	function step03 () {					
		// limpa animações anteriores
		$('#banners_home #banner2 .bg').fadeOut("1000");
		$('#banners_home #banner2 .foto').show().animate({left: "-1600px"}, 1500, 'easeInOutExpo');				
		$('#banners_home #banner3 .foto').fadeIn("fast").animate({left: "448px"}, 2000, 'easeInOutExpo');	
		$('#banners_home #banner2 .faixa').show().animate({left: "1600px"}, 1500, 'easeInOutExpo');
		$('#banners_home #banner2 .navegacao').hide().animate({left: "1600px"}, 1000, 'easeInOutExpo');				
		$('#banners_home #banner2 .resumo').fadeOut("fast");
		//$('#banners_home #banner4, #banners_home #banner2, #banners_home #banner1').hide();
		escondeTodosBanners();
	
		//realiza animação atual
		$('#banners_home #banner3').show();
		$('#banners_home #banner3 .bg').fadeIn("1000");				
		$('#banners_home #banner3 .faixa').show().animate({left: "332px"}, 1000, 'easeInOutExpo');
		$('#banners_home #banner3 .navegacao').hide().animate({left: "790px"}, 1000, 'easeInOutExpo', function(){
			$('#banners_home #banner3 .resumo').fadeIn("fast");
			$('#banners_home #banner3 .navegacao').fadeIn("fast");
		});
	
		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("2").find("a").addClass("ativo");
	}

	function step04 () {						
		// limpa animações anteriores
		$('#banners_home #banner3 .bg').fadeOut("1000");	
		$('#banners_home #banner3 .faixa').show().animate({left: "1600px"}, 1500, 'easeInOutExpo');
		$('#banners_home #banner3 .navegacao').hide().animate({left: "1600px"}, 1000, 'easeInOutExpo');				
		$('#banners_home #banner3 .resumo').fadeOut("fast");
		//$('#banners_home #banner3, #banners_home #banner2, #banners_home #banner1').hide();
		escondeTodosBanners();
	
		//realiza animação atual		
		$('#banners_home #banner4').show();
		$('#banners_home #banner4 .bg').fadeIn("1000");				
		$('#banners_home #banner4 .faixa').show().animate({left: "334px"}, 1000, 'easeInOutExpo');
		$('#banners_home #banner4 .navegacao').hide().animate({left: "790px"}, 1000, 'easeInOutExpo', function(){
			$('#banners_home #banner4 .resumo').fadeIn("fast");
			$('#banners_home #banner4 .navegacao').fadeIn("fast");
		});
	
		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("3").find("a").addClass("ativo");
	}
	
	function step05 () {						//duracell
		// limpa animações anteriores
		$('#banners_home #banner4 .bg').fadeOut("1000");
		$('#banners_home #banner4 .faixa').show().animate({left: "1600px"}, 1500, 'easeInOutExpo');
		$('#banners_home #banner4 .navegacao').hide().animate({left: "1600px"}, 1000, 'easeInOutExpo');				
		$('#banners_home #banner4 .resumo').fadeOut("fast");
		//$('#banners_home #banner4, #banners_home #banner3, #banners_home #banner2, #banners_home #banner1').hide();
		escondeTodosBanners();
	
		//realiza animação atual		
		$('#banners_home #banner5').show();
		$('#banners_home #banner5 .bg').fadeIn("1000");				
		$('#banners_home #banner5 .faixa').show().animate({left: "328px"}, 1000, 'easeInOutExpo');
		$('#banners_home #banner5 .navegacao').hide().animate({left: "756px"}, 2500, 'easeInOutExpo', function(){
			$('#banners_home #banner5 .resumo').fadeIn("fast");
			$('#banners_home #banner5 .navegacao').fadeIn("fast");
		});
	
		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("4").find("a").addClass("ativo");
	}
	
	function step06 () {						//danilo
		// limpa animações anteriores
		$('#banners_home #banner5 .bg').fadeOut("1000");
		$('#banners_home #banner5 .faixa').show().animate({left: "1600px"}, 1500, 'easeInOutExpo');
		$('#banners_home #banner5 .navegacao').hide().animate({left: "1600px"}, 1000, 'easeInOutExpo');				
		$('#banners_home #banner5 .resumo').fadeOut("fast");
		//$('#banners_home #banner5, #banners_home #banner4, #banners_home #banner3, #banners_home #banner2, #banners_home #banner1').hide();
		escondeTodosBanners();
	
		//realiza animação atual		
		$('#banners_home #banner6').show();
		$('#banners_home #banner6 .bg').fadeIn("1000");				
		$('#banners_home #banner6 .faixa').show().animate({left: "413px"}, 1000, 'easeInOutExpo');
		$('#banners_home #banner6 .navegacao').hide().animate({left: "770px"}, 2500, 'easeInOutExpo', function(){
			$('#banners_home #banner6 .resumo').fadeIn("fast");
			$('#banners_home #banner6 .navegacao').fadeIn("fast");
		});
	
		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("5").find("a").addClass("ativo");
	}
	
	function step07 () {						//extra
		// limpa animações anteriores
		$('#banners_home #banner6 .bg').fadeOut("1000");	
		$('#banners_home #banner6 .faixa').show().animate({left: "1600px"}, 1500, 'easeInOutExpo');
		$('#banners_home #banner6 .navegacao').hide().animate({left: "1600px"}, 1000, 'easeInOutExpo');				
		$('#banners_home #banner6 .resumo').fadeOut("fast");
		//$('#banners_home #banner5, #banners_home #banner5, #banners_home #banner4, #banners_home #banner3, #banners_home #banner2, #banners_home #banner1').hide();
		escondeTodosBanners();
	
		//realiza animação atual		
		$('#banners_home #banner7').show();
		$('#banners_home #banner7 .bg').fadeIn("1000");				
		$('#banners_home #banner7 .faixa').show().animate({left: "326px"}, 1000, 'easeInOutExpo');
		$('#banners_home #banner7 .navegacao').hide().animate({left: "753px"}, 2500, 'easeInOutExpo', function(){
			$('#banners_home #banner7 .resumo').fadeIn("fast");
			$('#banners_home #banner7 .navegacao').fadeIn("fast");
		});
	
		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("6").find("a").addClass("ativo");
	}
	
	function step08 () {						//pedro
		// limpa animações anteriores
		$('#banners_home #banner7 .bg').fadeOut("1000");
		$('#banners_home #banner7 .foto').show().animate({left: "-1600px"}, 1500, 'easeInOutExpo');				
		$('#banners_home #banner8 .foto').fadeIn("fast").animate({left: "310px"}, 2000, 'easeInOutExpo');	
		$('#banners_home #banner7 .faixa').show().animate({left: "1600px"}, 1500, 'easeInOutExpo');
		$('#banners_home #banner7 .navegacao').hide().animate({left: "1600px"}, 1000, 'easeInOutExpo');				
		$('#banners_home #banner7 .resumo').fadeOut("fast");
		//$('#banners_home #banner7, #banners_home #banner6, #banners_home #banner5, #banners_home #banner4, #banners_home #banner3, #banners_home #banner2, #banners_home #banner1').hide();
		escondeTodosBanners();
	
		//realiza animação atual		
		$('#banners_home #banner8').show();
		$('#banners_home #banner8 .bg').fadeIn("1000");				
		$('#banners_home #banner8 .faixa').show().animate({left: "327px"}, 1000, 'easeInOutExpo');
		$('#banners_home #banner8 .navegacao').hide().animate({left: "749px"}, 2500, 'easeInOutExpo', function(){
			$('#banners_home #banner8 .resumo').fadeIn("fast");
			$('#banners_home #banner8 .navegacao').fadeIn("fast");
		});
	
		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("7").find("a").addClass("ativo");
	}
	
	function step09 () {						//gsk
		// limpa animações anteriores
		$('#banners_home #banner8 .bg').fadeOut("1000");
		$('#banners_home #banner8 .foto').show().animate({left: "-1600px"}, 1500, 'easeInOutExpo');				
		$('#banners_home #banner9 .foto').fadeIn("fast").animate({left: "448px"}, 2000, 'easeInOutExpo');	
		$('#banners_home #banner8 .faixa').show().animate({left: "1600px"}, 1500, 'easeInOutExpo');
		$('#banners_home #banner8 .navegacao').hide().animate({left: "1600px"}, 1000, 'easeInOutExpo');				
		$('#banners_home #banner8 .resumo').fadeOut("fast");
		//$('#banners_home #banner10, #banners_home #banner9, #banners_home #banner8, #banners_home #banner6, #banners_home #banner5, #banners_home #banner4, #banners_home #banner3, #banners_home #banner2, #banners_home #banner1').hide();
		escondeTodosBanners();
	
		//realiza animação atual		
		$('#banners_home #banner9').show();
		$('#banners_home #banner9 .bg').fadeIn("1000");				
		$('#banners_home #banner9 .faixa').show().animate({left: "327px"}, 1000, 'easeInOutExpo');
		$('#banners_home #banner9 .navegacao').hide().animate({left: "754px"}, 2500, 'easeInOutExpo', function(){
			$('#banners_home #banner9 .resumo').fadeIn("fast");
			$('#banners_home #banner9 .navegacao').fadeIn("fast");
		});
	
		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("8").find("a").addClass("ativo");
	}
	
	function step10 () {						//Marfinite
		// limpa animações anteriores
		$('#banners_home #banner9 .bg').fadeOut("1000");
		$('#banners_home #banner9 .faixa').show().animate({left: "1600px"}, 1500, 'easeInOutExpo');
		$('#banners_home #banner9 .navegacao').hide().animate({left: "1600px"}, 1000, 'easeInOutExpo');				
		$('#banners_home #banner9 .resumo').fadeOut("fast");
		//$('#banners_home #banner10, #banners_home #banner9, #banners_home #banner8, #banners_home #banner6, #banners_home #banner5, #banners_home #banner4, #banners_home #banner3, #banners_home #banner2, #banners_home #banner1').hide();
		escondeTodosBanners();
	
		//realiza animação atual		
		$('#banners_home #banner10').show();
		$('#banners_home #banner10 .bg').fadeIn("1000");				
		$('#banners_home #banner10 .faixa').show().animate({left: "323px"}, 1000, 'easeInOutExpo');
		$('#banners_home #banner10 .navegacao').hide().animate({left: "754px"}, 2500, 'easeInOutExpo', function(){
			$('#banners_home #banner10 .resumo').fadeIn("fast");
			$('#banners_home #banner10 .navegacao').fadeIn("fast");
		});
	
		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("9").find("a").addClass("ativo");
	}
	
	/*===================================================================================================
	02 - zera banner 
	===================================================================================================*/
	function zeraBanner1(){		
		$("#banner1 .foto").css("left", "-1600px");		
		$("#banner1 .faixa").css("left", "1600px");
		$("#banner1 .navegacao").css("left", "1600px");
		$("#banner1 .resumo").css("display", "none");		
	}
	
	function zeraBanner2(){
		$("#banner2 .foto").css("left", "-1600px");		
		$("#banner2 .faixa").css("left", "1600px");
		$("#banner2 .navegacao").css("display", "none");
		$("#banner2 .navegacao").css("left", "1600px");
		$("#banner2 .resumo").css("display", "none");		
	}
	
	function zeraBanner3(){		
		$("#banner3 .foto").css("left", "-1600px");		
		$("#banner3 .faixa").css("left", "1600px");
		$("#banner3 .navegacao").css("left", "1600px");
		$("#banner3 .resumo").css("display", "none");		
	}
	
	function zeraBanner4(){		
		$("#banner4 .foto").css("left", "-1600px");		
		$("#banner4 .faixa").css("left", "1600px");
		$("#banner4 .navegacao").css("left", "1600px");
		$("#banner4 .resumo").css("display", "none");		
	}
	
	function zeraBanner5(){
	
	//preencher os valores iniciais aqui
		$("#banner5 .foto").css("left", "-1600px");		
		$("#banner5 .faixa").css("left", "1600px");
		$("#banner5 .navegacao").css("left", "1600px");
		$("#banner5 .resumo").css("display", "none");
	
	}
	
	function zeraBanner6(){
	
	//preencher os valores iniciais aqui
		$("#banner6 .foto").css("left", "-1600px");		
		$("#banner6 .faixa").css("left", "1600px");
		$("#banner6 .navegacao").css("left", "1600px");
		$("#banner6 .resumo").css("display", "none");
	
	}
	
	function zeraBanner7(){
	
	//preencher os valores iniciais aqui
		$("#banner7 .foto").css("left", "-1600px");		
		$("#banner7 .faixa").css("left", "1600px");
		$("#banner7 .navegacao").css("left", "1600px");
		$("#banner7 .resumo").css("display", "none");
	
	}
	
	function zeraBanner8(){
	
	//preencher os valores iniciais aqui
		$("#banner8 .foto").css("left", "-1600px");		
		$("#banner8 .faixa").css("left", "1600px");
		$("#banner8 .navegacao").css("left", "1600px");
		$("#banner8 .resumo").css("display", "none");
	
	}
	
	function zeraBanner9(){
	
	//preencher os valores iniciais aqui
		$("#banner9 .foto").css("left", "-1600px");		
		$("#banner9 .faixa").css("left", "1600px");
		$("#banner9 .navegacao").css("left", "1600px");
		$("#banner9 .resumo").css("display", "none");
	
	}
	
	function zeraBanner10(){
	
	//preencher os valores iniciais aqui		
		$("#banner10 .faixa").css("left", "1600px");
		$("#banner10 .navegacao").css("left", "1600px");
		$("#banner10 .resumo").css("display", "none");
	
	}
	
	function escondeTodosBanners(){
		$('#banners_home #banner10, #banners_home #banner9, #banners_home #banner8, #banners_home #banner7, #banners_home #banner6, #banners_home #banner5, #banners_home #banner4, #banners_home #banner3, #banners_home #banner2, #banners_home #banner1').hide();
	}
	
	function zeraBanner(i){		
		switch(i){
			case 1 :
				//escondendo outros banners
				escondeTodosBanners();
				$('#banner1').show(); //mostra só o atual
				$('#banner1 > *').fadeIn();				
				
				//mostrando os elementos do banner atual na posicao final
				$("#banner1 .faixa").css("left", "332px");
				$("#banner1 .navegacao").css("left", "750px");
				
				//zerar as posicoes dos demais				
				zeraBanner2();
				zeraBanner3();
				zeraBanner4();
				zeraBanner5();
				zeraBanner6();
				zeraBanner7();
				zeraBanner8();
				zeraBanner9();
				zeraBanner10();				
				
				break;
			case 2 :
				//escondendo outros banners
				escondeTodosBanners();
				$('#banner2').show(); //mostra só o atual
				$("#banner2 > *").fadeIn();
				
				//mostrando os elementos do banner atual	
				$("#banner2 .faixa").css("left", "328px");
				$("#banner2 .navegacao").css("left", "790px");
				
				//zerar as posicoes dos demais				
				zeraBanner1();
				zeraBanner3();
				zeraBanner4();
				zeraBanner5();
				zeraBanner6();
				zeraBanner7();
				zeraBanner8();
				zeraBanner9();
				zeraBanner10();
				
				break;
			case 3 :
				//escondendo outros banners
				escondeTodosBanners();
				$('#banner3').show(); //mostra so o atual
				$("#banner3 > *").fadeIn();
				
				//mostrando os elementos do banner atual		
				$("#banner3 .faixa").css("left", "332px");
				$("#banner3 .navegacao").css("left", "790px");
				
				//zerar as posicoes dos demais				
				zeraBanner1();
				zeraBanner2();
				zeraBanner4();
				zeraBanner5();
				zeraBanner6();
				zeraBanner7();
				zeraBanner8();
				zeraBanner9(); 
				zeraBanner10(); 
				
				break;
			case 4 :
				//escondendo outros banners
				escondeTodosBanners();
				$('#banner4').show(); //mostra so o atual
				$("#banner4 > *").fadeIn();				
				
				//mostrando os elementos do banner atual
				$("#banner4 .faixa").css("left", "334px");
				$("#banner4 .navegacao").css("left", "790px");
				
				//zerar as posicoes dos demais				
				zeraBanner1();
				zeraBanner2();
				zeraBanner3();
				zeraBanner5();
				zeraBanner6();
				zeraBanner7();
				zeraBanner8();
				zeraBanner9(); 
				zeraBanner10(); 
				
				break;
			case 5 :
				//escondendo outros banners
				escondeTodosBanners();
				$('#banner5').show(); //mostra so o atual
				$("#banner5 > *").fadeIn();				
				
				//mostrando os elementos do banner atual	
				$("#banner5 .faixa").css("left", "328px");
				$("#banner5 .navegacao").css("left", "756px");
				
				//zerar as posicoes dos demais				
				zeraBanner1();
				zeraBanner2();
				zeraBanner3();
				zeraBanner4();
				zeraBanner6();
				zeraBanner7();
				zeraBanner8();
				zeraBanner9();
				zeraBanner10();
				
				break;
			case 6 :
				//escondendo outros banners
				escondeTodosBanners();
				$('#banner6').show(); //mostra so o atual
				$("#banner6 > *").fadeIn();				
				
				//mostrando os elementos do banner atual		
				$("#banner6 .faixa").css("left", "413px");
				$("#banner6 .navegacao").css("left", "770px");
				
				//zerar as posicoes dos demais				
				zeraBanner1();
				zeraBanner2();
				zeraBanner3();
				zeraBanner4();
				zeraBanner5();
				zeraBanner7();
				zeraBanner8();
				zeraBanner9();
				zeraBanner10();
				
				break;
			case 7 :
				//escondendo outros banners
				escondeTodosBanners();
				$('#banner7').show(); //mostra so o atual
				$("#banner7 > *").fadeIn();				
				
				//mostrando os elementos do banner atual
				$("#banner7 .foto").css("left", "448px");		
				$("#banner7 .faixa").css("left", "326px");
				$("#banner7 .navegacao").css("left", "753px");
				
				//zerar as posicoes dos demais				
				zeraBanner1();
				zeraBanner2();
				zeraBanner3();
				zeraBanner4();
				zeraBanner5();
				zeraBanner6();
				zeraBanner8();
				zeraBanner9();
				zeraBanner10();
				
				break;
			case 8 :
				//escondendo outros banners
				escondeTodosBanners();
				$('#banner8').show(); //mostra so o atual
				$("#banner8 > *").fadeIn();				
				
				//mostrando os elementos do banner atual
				$("#banner8 .foto").css("left", "310px");		
				$("#banner8 .faixa").css("left", "327px");
				$("#banner8 .navegacao").css("left", "749px");
				
				//zerar as posicoes dos demais				
				zeraBanner1();
				zeraBanner2();
				zeraBanner3();
				zeraBanner4();
				zeraBanner5();
				zeraBanner6();
				zeraBanner7();
				zeraBanner9();
				zeraBanner10();
				
				break;
			case 9 :
				//escondendo outros banners
				escondeTodosBanners();
				$('#banner9').show(); //mostra so o atual
				$("#banner9 > *").fadeIn();				
				
				//mostrando os elementos do banner atual
				$("#banner9 .foto").css("left", "448px");		
				$("#banner9 .faixa").css("left", "327px");
				$("#banner9 .navegacao").css("left", "754px");
				
				//zerar as posicoes dos demais				
				zeraBanner1();
				zeraBanner2();
				zeraBanner3();
				zeraBanner4();
				zeraBanner5();
				zeraBanner6();
				zeraBanner7();
				zeraBanner8();
				zeraBanner10();
				
				break;
			case 10 :
				//escondendo outros banners
				escondeTodosBanners();
				$('#banner10').show(); //mostra so o atual
				$("#banner10 > *").fadeIn();				
				
				//mostrando os elementos do banner atual
				$("#banner10 .faixa").css("left", "323px");
				$("#banner10 .navegacao").css("left", "754px");
				
				//zerar as posicoes dos demais				
				zeraBanner1();
				zeraBanner2();
				zeraBanner3();
				zeraBanner4();
				zeraBanner5();
				zeraBanner6();
				zeraBanner7();
				zeraBanner8();
				zeraBanner9();
				
				break;
		}
		
	}
	
	/*===================================================================================================
	03 - anima banner home 
	===================================================================================================*/
	function animaBannerHome(index){	
		//troca dos banners
		if (index == 1) {
			step01();
		}else if (index == 2){
			step02();
		}else if (index == 3){
			step03();
		}else if (index == 4){
			step04();
		}else if (index == 5){
			step05();
		}else if (index == 6){
			step06();
		}else if (index == 7){
			step07();
		}else if (index == 8){
			step08();
		}else if (index == 9){
			step09();
		}else if (index == 10){
			step10();
		}else if(index == "init"){
			stepInit();
		}else{
			step01();
		}
	}	

	/*===================================================================================================
	04 - slideshow dos banners
	===================================================================================================*/
	var interval;	
	function intervaloPlay(i){		
		if(i == "undefined" || i == null){
			i = 1;
		}
		
		var index = i;
		interval = setInterval(function() {
				index++
				animaBannerHome(index);
				if (index == 11) { 
					index = 1;
				}
		},15000);				
	}		
	function intervaloStop() {
		clearInterval(interval);
	}	
		
	/*===================================================================================================
	05 - botão dos steps
	===================================================================================================*/
	$("#nav_banner li:eq(0)").find('a').click(function() {			
		//Tracking GA
		_gaq.push(['_trackEvent', '9ine_site_oficial', 'destaque_webdoor_1' , 'home']);
		
		//pára slideshow
		intervaloStop();				
		
		//zera animação	
		zeraBanner(1);
	
		//mostrando os elementos do banner atual			
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("0").find("a").addClass("ativo");				
	
		//reinicia slideshow
		intervaloPlay(1);
	});	

	$("#nav_banner li:eq(1)").find('a').click(function() {			
		//Tracking GA
		_gaq.push(['_trackEvent', '9ine_site_oficial', 'destaque_webdoor_2' , 'home']);
		
		//pára slideshow
		intervaloStop();
		
		//zera animação
		zeraBanner(2);

		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("1").find("a").addClass("ativo");				

		//reinicia slideshow
		intervaloPlay(2);			
	});	

	$("#nav_banner li:eq(2)").find('a').click(function() {			
		//Tracking GA
		_gaq.push(['_trackEvent', '9ine_site_oficial', 'destaque_webdoor_3' , 'home']);
		
		//pára slideshow
		intervaloStop();
		
		//zera animação
		zeraBanner(3);

		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("2").find("a").addClass("ativo");				

		//reinicia slideshow
		intervaloPlay(3);			
	});	

	$("#nav_banner li:eq(3)").find('a').click(function() {			
		//Tracking GA
		_gaq.push(['_trackEvent', '9ine_site_oficial', 'destaque_webdoor_4' , 'home']);
		
		//pára slideshow
		intervaloStop();
		
		//zera animação
		zeraBanner(4);

		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("3").find("a").addClass("ativo");				

		//reinicia slideshow
		intervaloPlay(4);			
	});	

	$("#nav_banner li:eq(4)").find('a').click(function() {			
		//Tracking GA
		_gaq.push(['_trackEvent', '9ine_site_oficial', 'destaque_webdoor_5' , 'home']);
		
		//pára slideshow
		intervaloStop();
		
		//zera animação
		zeraBanner(5);

		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("4").find("a").addClass("ativo");				

		//reinicia slideshow
		intervaloPlay(5);			
	});	
	
	$("#nav_banner li:eq(5)").find('a').click(function() {			
		//Tracking GA
		_gaq.push(['_trackEvent', '9ine_site_oficial', 'destaque_webdoor_6' , 'home']);
		
		//pára slideshow
		intervaloStop();
		
		//zera animação
		zeraBanner(6);

		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("5").find("a").addClass("ativo");				

		//reinicia slideshow
		intervaloPlay(6);			
	});	
	
	$("#nav_banner li:eq(6)").find('a').click(function() {			
		//Tracking GA
		_gaq.push(['_trackEvent', '9ine_site_oficial', 'destaque_webdoor_7' , 'home']);
		
		//pára slideshow
		intervaloStop();
		
		//zera animação
		zeraBanner(7);

		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("6").find("a").addClass("ativo");				

		//reinicia slideshow
		intervaloPlay(7);			
	});	
	
	$("#nav_banner li:eq(7)").find('a').click(function() {			
		//Tracking GA
		_gaq.push(['_trackEvent', '9ine_site_oficial', 'destaque_webdoor_8' , 'home']);
		
		//pára slideshow
		intervaloStop();
		
		//zera animação
		zeraBanner(8);

		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("7").find("a").addClass("ativo");				

		//reinicia slideshow
		intervaloPlay(8);			
	});	
	
	$("#nav_banner li:eq(8)").find('a').click(function() {			
		//Tracking GA
		_gaq.push(['_trackEvent', '9ine_site_oficial', 'destaque_webdoor_9' , 'home']);
		
		//pára slideshow
		intervaloStop();
		
		//zera animação
		zeraBanner(9);

		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("8").find("a").addClass("ativo");				

		//reinicia slideshow
		intervaloPlay(9);			
	});

	$("#nav_banner li:eq(9)").find('a').click(function() {			
		escondeTodosBanners();
		
		//Tracking GA
		_gaq.push(['_trackEvent', '9ine_site_oficial', 'destaque_webdoor_10' , 'home']);
		
		//pára slideshow
		intervaloStop();
		
		//zera animação
		zeraBanner(10);

		//pinta os marcadores
		$("#nav_banner li").find('a').removeClass();
		$("#nav_banner li").eq("9").find("a").addClass("ativo");				

		//reinicia slideshow
		intervaloPlay(10);			
	});	

	/*===================================================================================================
	06 - loading dos banners
	===================================================================================================*/
	$(window).load(function (){			
		 $('#loading').fadeOut();		
		 animaBannerHome("init");
	     intervaloPlay();
	});	
});