$(document).ready(function() {
    	$('#mycarousel').jcarousel();
	
		$(".banner-home-texto li").hide();
		$(".banner-home-texto li:first").show();

		// Exibe a paginação e deixa o primeiro link como ativo
		$(".banner-home-dots a:first").addClass("ver-banner");

		//Get size of the image, how many images there are, then determin the size of the image reel.

		// Pega a largura da DIV que está com as imagens
		var imageWidth = $("#banner-home-imagem").width();

		// Pega a quantidade de imagens
		var imageSum = $(".banner-box-imagem img").size();

		// Multiplica a quantidade de imagens pelo tamanho
		var imageReelWidth = imageWidth * imageSum + 4;

		// Altera a largura da DIV que possui as imagens
		$(".banner-box-imagem").css({'width' : imageReelWidth});

		//Função que gerencia a paginação
		rotate = function(){
			// Armazena o "rel" referente aquele slide
			var triggerID = $active.attr("rel") - 1;

			//
			var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide

			$(".banner-home-dots a").removeClass('ver-banner'); // Remove as classes ativas na paginação
			$active.addClass('ver-banner'); // Adiciona a classe ativa para o botão da página atual

			// Faz a mudança dos textos das abas dos banners
			$(".banner-home-texto li").hide();
			$(".banner-home-texto li.texto-banner-"+$active.attr("rel")).fadeIn();

			// Faz o slide da animação
			$(".banner-box-imagem").animate({
				left: -image_reelPosition
			}, 600 );
		};

		//Rotação e tempo
		rotateSwitch = function(){
			play = setInterval(function(){ // Seta o tempo de execução automática
				$active = $('.banner-home-dots a.ver-banner').next(); // Vai para a próxima paginação
				if ( $active.length === 0) { // Se for a última página...
					$active = $('.banner-home-dots a:first'); // Volta para a primeira página
				}
				rotate(); // Inicia a função de rotação
			}, 5000); // Tempo em milissegundos (7 ms)
		};

		rotateSwitch(); //Run function on launch

		//Quando o mouse sobrepor
		$(".banner-box-imagem a").hover(function() {
			clearInterval(play); // Paraliza a rotação
		}, function() {
			rotateSwitch(); // Retoma a rotação
		});

		//Ação ao clicar na paginação
		$("#controle_vitrine a").click(function() {
			$active = $(this); // Torna o ítem clicado como ativo
			
			//Reset Timer
			clearInterval(play); // Paraliza a rotação
			rotate(); // Inicia a rotação
			rotateSwitch();
			return false; // Inibe a execução do link da paginação
		});
		
		
		//Cagorias e subcategorias		
		$('.seta').click(function(){
				$(this).siblings('ul').toggle('fast');
				if($(this).hasClass('show-categ')){						
					$(this).removeClass('show-categ');
					$(this).addClass('hide-categ');								
 				}else{					
					$(this).removeClass('hide-categ');	
					$(this).addClass('show-categ');
 				}
		});	
		
		
		
	 $(".itemmenuprodutos").hover(
 	 	function () {
			$(".menu_categorias").fadeIn(500);
		  }, 
		  function () {
    		$(".menu_categorias").fadeOut(1000);
	  });
	  
	   
});