/**
 * 
 * Documento de JavaScript do Algar Tecologia
 * @autor: Fabiano Chiaretto Fernandes
 * @empresa: Fórmula P
 * @ultimaAlteração: 
 * 
 */


/* Marca o item atual */
itemAtual = 0;

/* Marca se a animação está em curso */
animando =  false;

/* Variavel do submenuServicos*/
ativado = false;

/* Comandos iniados após o carregamento total da página */
$(document).ready(function(){

	//alert('oi');
	
	$($(".box")[0]).animate({marginLeft: "0px"},1200,'easeOutCubic');
	
});



/* Identifica teclas para passar slides */


$(document).keydown(function(e){
    if (e.keyCode == 37) { 
    	exibeItem(itemAtual-1);
       return false;
    }

    if (e.keyCode == 39) { 
    	exibeItem(itemAtual+1);
        return false;
     }
});


/* Lista de listners e ações */

$(function(){
	
	/* Define um estilo visual para as scrollbars */
	//$('.scroll-pane').jScrollPane({showArrows:true, scrollbarWidth: 19});
	
	/* Criando referencias */
	var div = $('div.sc_menu'),
	    ul = $('ul.sc_menu'),      
	    ulPadding = 0;

	  /* Pega o tamanho do menu */ 
	  var divWidth = div.width();

	  /* Remover scrollbars */
	  div.css({overflow: 'hidden'});

	  /* Pegar o ultimo item da lista */
	  var lastLi = ul.find('li:last-child');


	  
	$('#botaoEsquerda').click(function(){
		exibeItem(itemAtual-1);
	});
	
	$('#botaoDireita').click(function(){
		exibeItem(itemAtual+1);
	});
	  
});

function exibeItem(qual){
	
	if(qual < 0){
		qual = $(".box").length-1;
	}else{
		if(qual > $(".box").length-1){
			qual = 0;
		}
	}
	
	if(!animando){
		animando = true;
		
		if(qual>itemAtual){
			$(".box").css({"marginLeft":"505px"});
			$($(".box")[itemAtual]).css({"marginLeft":"0px"});
			
			$($(".box")[itemAtual]).animate({
				marginLeft: "-505px"
			}, 600, 'easeOutCubic', function(){
				/*On Complete*/
				/*$($(".box")[qual]).animate({marginLeft: "0px"},1200,'easeOutCubic');*/
				
				animando = false;
			});
			
			
			$($(".box")[qual]).animate({marginLeft: "0px"},600,'easeOutCubic');
			
		}else{
			$(".box").css({"marginLeft":"-505px"});
			$($(".box")[itemAtual]).css({"marginLeft":"0px"});
			
			$($(".box")[itemAtual]).animate({
				marginLeft: "505px"
			}, 600, 'easeOutCubic', function(){
				/*On Complete*/
				/*$($(".box")[qual]).animate({marginLeft: "0px"},1200,'easeOutCubic');*/
				
				animando = false;
			});
			
			$($(".box")[qual]).animate({marginLeft: "0px"},600,'easeOutCubic');
		}
		
		itemAtual = qual;
	}
	
}