$(document).ready(
  function(){
  
    var timer;
	var continuar = true;
	var tempo = 1200;
	var x1 = '';
	var y1 = '';
	
	function carregaSetas(){
	
	  $("#setaEsquerda").click(
	    function(){
		
		  clearTimeout(timer);
		  timer = setTimeout(function(){ carregaBanner('retroceder'); }, 0);
		
		}
	  );
	  
	  $("#setaDireita").click(
	    function(){
		
		  clearTimeout(timer);
		  timer = setTimeout(function(){ carregaBanner('avancar'); }, 0);
		
		}
	  );
	  
	  $(".banners").click(
	    function(){
		
		  var id = $(this).attr('id').substr($(this).attr('id').length - 1, $(this).attr('id').length);
		
	      window.location = $("#site" + id).html();
		  
		}
	  );
	
	}
	
	function carregaBanner(acao){
	  
      carregaSetas();
	  
	  if(continuar){
		
		var posX1 = $("#banner1").css('left');
		var posY1 = $("#banner1").css('top');
		
		if(acao != 'retroceder' && acao != 'avancar' && acao == undefined)
          acao = '';
		  
	    var posX2 = $("#banner2").css('left');
	    var posY2 = $("#banner2").css('top');
	    var posX3 = $("#banner3").css('left');
	    var posY3 = $("#banner3").css('top');
	    var posX4 = $("#banner4").css('left');
	    var posY4 = $("#banner4").css('top');
	  
	    if(posX1 == '32%' && posY1 == '30%' && (acao == '' || acao == 'avancar')){
	      $("#banner1").animate( { left: '52%', top: '18%' }, tempo).removeClass('opacidade100').addClass('opacidade60');
	      $("#banner2").animate( { left: '32%', top: '8%' }, tempo).removeClass('opacidade60').addClass('opacidade30');
	      $("#banner3").animate( { left: '32%', top: '30%' }, tempo).removeClass('opacidade60').addClass('opacidade100');
	      $("#banner4").animate( { left: '10%', top: '18%' }, tempo).removeClass('opacidade30').addClass('opacidade60');
		
		  $("#banner2").css('z-index', 2);
		  $("#banner1").css('z-index', 3);
		  $("#banner4").css('z-index', 3);
		  $("#banner3").css('z-index', 4);
		  
		  $("#texto").html($("#texto3").html()).show();
		
	    } else if(posX1 == '52%' && posY1 == '18%' && (acao == '' || acao == 'avancar')){
	      $("#banner1").animate( { left: '32%', top: '8%' }, tempo).removeClass('opacidade60').addClass('opacidade30');
	      $("#banner2").animate( { left: '10%', top: '18%' }, tempo).removeClass('opacidade30').addClass('opacidade60');
	      $("#banner3").animate( { left: '52%', top: '18%' }, tempo).removeClass('opacidade100').addClass('opacidade60');
	      $("#banner4").animate( { left: '32%', top: '30%' }, tempo).removeClass('opacidade60').addClass('opacidade100');
		
		  $("#banner1").css('z-index', 2);
		  $("#banner3").css('z-index', 3);
		  $("#banner2").css('z-index', 3);
		  $("#banner4").css('z-index', 4);
		  
		  $("#texto").html($("#texto4").html()).show();
		
	    } else if(posX1 == '32%' && posY1 == '8%' && (acao == '' || acao == 'avancar')){
	      $("#banner1").animate( { left: '10%', top: '18%' }, tempo).removeClass('opacidade30').addClass('opacidade60');
	      $("#banner2").animate( { left: '32%', top: '30%' }, tempo).removeClass('opacidade60').addClass('opacidade100');
	      $("#banner3").animate( { left: '32%', top: '8%' }, tempo).removeClass('opacidade60').addClass('opacidade30');
	      $("#banner4").animate( { left: '52%', top: '18%' }, tempo).removeClass('opacidade100').addClass('opacidade60');
		
		  $("#banner2").css('z-index', 4);
		  $("#banner1").css('z-index', 3);
		  $("#banner4").css('z-index', 3);
		  $("#banner3").css('z-index', 2);
		  
		  $("#texto").html($("#texto2").html()).show();
		
	    } else if(posX1 == '10%' && posY1 == '18%' && (acao == '' || acao == 'avancar')){
	      $("#banner1").animate( { left: '32%', top: '30%' }, tempo).removeClass('opacidade60').addClass('opacidade100');
	      $("#banner2").animate( { left: '52%', top: '18%' }, tempo).removeClass('opacidade100').addClass('opacidade60');
	      $("#banner3").animate( { left: '10%', top: '18%' }, tempo).removeClass('opacidade30').addClass('opacidade60');
	      $("#banner4").animate( { left: '32%', top: '8%' }, tempo).removeClass('opacidade60').addClass('opacidade30');
		
		  $("#banner1").css('z-index', 4);
		  $("#banner2").css('z-index', 3);
		  $("#banner3").css('z-index', 3);
		  $("#banner4").css('z-index', 2);
		  
		  $("#texto").html($("#texto1").html()).show();
		
	    } else if(posX1 == '32%' && posY1 == '30%' && acao == 'retroceder'){
	      $("#banner1").animate( { left: '10%', top: '18%' }, tempo).removeClass('opacidade100').addClass('opacidade60');
	      $("#banner2").animate( { left: '32%', top: '30%' }, tempo).removeClass('opacidade60').addClass('opacidade100');
	      $("#banner3").animate( { left: '32%', top: '8%' }, tempo).removeClass('opacidade60').addClass('opacidade30');
	      $("#banner4").animate( { left: '52%', top: '18%' }, tempo).removeClass('opacidade30').addClass('opacidade60');
		
		  $("#banner2").css('z-index', 4);
		  $("#banner1").css('z-index', 3);
		  $("#banner4").css('z-index', 3);
		  $("#banner3").css('z-index', 2);
		  
		  $("#texto").html($("#texto3").html()).show();
		
	    } else if(posX1 == '52%' && posY1 == '18%' && acao == 'retroceder'){
	      $("#banner1").animate( { left: '32%', top: '30%' }, tempo).removeClass('opacidade60').addClass('opacidade100');
	      $("#banner2").animate( { left: '52%', top: '18%' }, tempo).removeClass('opacidade30').addClass('opacidade60');
	      $("#banner3").animate( { left: '10%', top: '18%' }, tempo).removeClass('opacidade100').addClass('opacidade60');
	      $("#banner4").animate( { left: '32%', top: '8%' }, tempo).removeClass('opacidade60').addClass('opacidade30');
		
		  $("#banner1").css('z-index', 4);
		  $("#banner3").css('z-index', 3);
		  $("#banner2").css('z-index', 3);
		  $("#banner4").css('z-index', 2);
		  
		  $("#texto").html($("#texto4").html()).show();
		
	    } else if(posX1 == '32%' && posY1 == '8%' && acao == 'retroceder'){
	      $("#banner1").animate( { left: '52%', top: '18%' }, tempo).removeClass('opacidade30').addClass('opacidade60');
	      $("#banner2").animate( { left: '32%', top: '8%' }, tempo).removeClass('opacidade60').addClass('opacidade30');
	      $("#banner3").animate( { left: '32%', top: '30%' }, tempo).removeClass('opacidade60').addClass('opacidade100');
	      $("#banner4").animate( { left: '10%', top: '18%' }, tempo).removeClass('opacidade100').addClass('opacidade60');
		
		  $("#banner2").css('z-index', 2);
		  $("#banner1").css('z-index', 3);
		  $("#banner4").css('z-index', 3);
		  $("#banner3").css('z-index', 4);
		  
		  $("#texto").html($("#texto2").html()).show();
		
	    } else if(posX1 == '10%' && posY1 == '18%' && acao == 'retroceder'){
	      $("#banner1").animate( { left: '32%', top: '8%' }, tempo).removeClass('opacidade60').addClass('opacidade30');
	      $("#banner2").animate( { left: '10%', top: '18%' }, tempo).removeClass('opacidade100').addClass('opacidade60');
	      $("#banner3").animate( { left: '52%', top: '18%' }, tempo).removeClass('opacidade30').addClass('opacidade60');
	      $("#banner4").animate( { left: '32%', top: '30%' }, tempo).removeClass('opacidade60').addClass('opacidade100');
		
		  $("#banner1").css('z-index', 2);
		  $("#banner2").css('z-index', 3);
		  $("#banner3").css('z-index', 3);
		  $("#banner4").css('z-index', 4);
		  
		  $("#texto").html($("#texto1").html()).show();
		
	    }
	  
	    clearTimeout(timer);
	    timer = setTimeout(function(){ carregaBanner(); }, 2800);
		
	  }

	}

    carregaSetas();

	timer = setTimeout(function(){ carregaBanner(); }, 2800);
  
  }
);
