$(document).ready(function() {
	$('#produto').hide();
	$('#boxFemininos').hide();
	$('#boxMasculinos').hide();
	
	var up = 1;
	$('#music').click(function(){
		if(up == 1){
			$('#musicBox').animate({top: '100'}, 1000);
			up = 0;
		}
		else {
			$('#musicBox').animate({top: '-300'}, 1000);
			up = 1;
		}
		return false;
	});
	
	/*
	function passaro(){
		$('#passaro').animate({right: '-200', top: '-50'}, 180000,function (){$('#passaro').css({right: '100%', top: '250px'}); passaro();});
	}
	passaro();
	*/
	function nuvem(){ $('#nuvem3').animate({right: '100%'}, 70000,function (){$('#nuvem3').css({right: '-215px'}); nuvem();}); }
	function nuvem2(){ $('#nuvem4').animate({right: '-300'}, 95000,function (){$('#nuvem4').css({right: '100%'}); nuvem2();}); }
	function nuvem3(){ $('#nuvem2').animate({left: '665'}, 15000,function (){nuvem4()}); }
	function nuvem4(){ $('#nuvem2').animate({left: '765'}, 15000,function (){nuvem3()}); }
	
	nuvem();
	nuvem2();
	nuvem3();
	
	// ================================================= Slider ================================================= // 
	$('.but1').click(function(){
		$('#painel1').css("z-index","5");
		$('#painel2').css("z-index","2");
		$('#painel3').css("z-index","2");
		$('#painel4').css("z-index","2");
		$('#painel5').css("z-index","2");
		$('#lojas').css("top","-800px");
		$('#contato').css("top","-800px");
		
		$('#painel1').animate({left: '0'}, 'slow');
		$('#painel2').animate({left: '100%'}, 'slow');
		$('#painel3').animate({left: '100%'}, 'slow');
		$('#painel4').animate({left: '100%'}, 'slow');
		$('#painel5').animate({left: '100%'}, 'slow');
		
		$('#painel2').animate({left: '-100%'}, 'fast');
		$('#painel3').animate({left: '-100%'}, 'fast');
		$('#painel4').animate({left: '-100%'}, 'fast');
		$('#painel5').animate({left: '-100%'}, 'fast');
		return false;
	});
	$('.but2').click(function(){
		$('#painel1').css("z-index","2");
		$('#painel2').css("z-index","5");
		$('#painel3').css("z-index","2");
		$('#painel4').css("z-index","2");
		$('#painel5').css("z-index","2");
		$('#lojas').css("top","-800px");
		$('#contato').css("top","-800px");
		
		$('#painel2').animate({left: '0'}, 'slow');
		$('#painel1').animate({left: '100%'}, 'slow');
		$('#painel3').animate({left: '100%'}, 'slow');
		$('#painel4').animate({left: '100%'}, 'slow');
		$('#painel5').animate({left: '100%'}, 'slow');
		
		$('#painel1').animate({left: '-100%'}, 'fast');
		$('#painel3').animate({left: '-100%'}, 'fast');
		$('#painel4').animate({left: '-100%'}, 'fast');
		$('#painel5').animate({left: '-100%'}, 'fast');
		return false;           
	});
	$('.but3').click(function(){
		$('#painel1').css("z-index","2");
		$('#painel2').css("z-index","2");
		$('#painel3').css("z-index","5");
		$('#painel4').css("z-index","2");
		$('#painel5').css("z-index","2");
		$('#lojas').css("top","-800px");
		$('#contato').css("top","-800px");
		
		$('#painel3').animate({left: '0'}, 'slow');
		$('#painel1').animate({left: '100%'}, 'slow');
		$('#painel2').animate({left: '100%'}, 'slow');
		$('#painel4').animate({left: '100%'}, 'slow');
		$('#painel5').animate({left: '100%'}, 'slow');
		
		$('#painel2').animate({left: '-100%'}, 'fast');
		$('#painel1').animate({left: '-100%'}, 'fast');
		$('#painel4').animate({left: '-100%'}, 'fast');
		$('#painel5').animate({left: '-100%'}, 'fast');
		return false;
	});
	$('.but4').click(function(){
		$('#painel1').css("z-index","2");
		$('#painel2').css("z-index","2");
		$('#painel3').css("z-index","2");
		$('#painel4').css("z-index","5");
		$('#painel5').css("z-index","2");
		$('#contato').css("top","-800px");
		
		$('#painel4').animate({left: '0'}, 'slow',function(){$('#lojas').animate({top: '150'}, 2000);});
		$('#painel1').animate({left: '100%'}, 'slow');
		$('#painel2').animate({left: '100%'}, 'slow');
		$('#painel3').animate({left: '100%'}, 'slow');
		$('#painel5').animate({left: '100%'}, 'slow');
		
		$('#painel1').animate({left: '-100%'}, 'fast');
		$('#painel2').animate({left: '-100%'}, 'fast');
		$('#painel3').animate({left: '-100%'}, 'fast');
		$('#painel5').animate({left: '-100%'}, 'fast');
		return false;
	});
	$('.but5').click(function(){
		$('#painel1').css("z-index","2");
		$('#painel2').css("z-index","2");
		$('#painel3').css("z-index","2");
		$('#painel4').css("z-index","2");
		$('#painel5').css("z-index","5");
		$('#lojas').css("top","-800px");
		
		$('#painel4').animate({left: '100%'}, 'slow');
		$('#painel1').animate({left: '100%'}, 'slow');
		$('#painel2').animate({left: '100%'}, 'slow');
		$('#painel3').animate({left: '100%'}, 'slow');
		$('#painel5').animate({left: '0'}, 'slow',function(){$('#contato').animate({top: '150'}, 2000);});
		
		$('#painel1').animate({left: '-100%'}, 'fast');
		$('#painel2').animate({left: '-100%'}, 'fast');
		$('#painel3').animate({left: '-100%'}, 'fast');
		$('#painel4').animate({left: '-100%'}, 'fast');
		return false;
	});
	// ================================================= /Slider ================================================= //
	
	// ================================================= Menu coleções ================================================= //
	
	var gal1 = 6;
	var gal2 = 18;
	var gal3 = 2;
	var gal4 = 2;
	var gal5 = 12;
	var gal6 = 9;
	var gal7 = 7;
	var gal8 = 5;
	var gal9 = 13;
	var gal10 = 6;
	var acu1 = 0;
	var acu2 = acu1+gal1;
	var acu3 = acu2+gal2;
	var acu4 = acu3+gal3;
	var acu5 = acu4+gal4;
	var acu6 = acu5+gal5;
	var acu7 = acu6+gal6;
	var acu8 = acu7+gal7;
	var acu9 = acu8+gal8;
	var acu10 = acu9+gal9;
	
	$('#butInternas1').click(function(){  inicial = acu1 ; currentPosition = acu1 ; position = acu1 ; numberOfSlides = gal1 ; limite = acu2-1 ;       $('#slideInner').animate({ 'marginLeft' : slideWidth*(-inicial) }); manageControls(position);  $('#produto').show('slow'); $('.produtos1').css("display","block"); return false; }); 
	$('#butInternas2').click(function(){  inicial = acu2 ; currentPosition = acu2 ; position = acu2 ; numberOfSlides = gal2 ; limite = acu3-1 ;       $('#slideInner').animate({ 'marginLeft' : slideWidth*(-inicial) }); manageControls(position);  $('#produto').show('slow'); $('.produtos2').css("display","block"); return false; });
	$('#butInternas4').click(function(){  inicial = acu3 ; currentPosition = acu3 ; position = acu3 ; numberOfSlides = gal3 ; limite = acu4-1 ;       $('#slideInner').animate({ 'marginLeft' : slideWidth*(-inicial) }); manageControls(position);  $('#produto').show('slow'); $('.produtos4').css("display","block"); return false; });
	$('#butInternas5').click(function(){  inicial = acu4 ; currentPosition = acu4 ; position = acu4 ; numberOfSlides = gal4 ; limite = acu5-1 ;       $('#slideInner').animate({ 'marginLeft' : slideWidth*(-inicial) }); manageControls(position);  $('#produto').show('slow'); $('.produtos5').css("display","block"); return false; });
	$('#butInternas7').click(function(){  inicial = acu5 ; currentPosition = acu5 ; position = acu5 ; numberOfSlides = gal5 ; limite = acu6-1 ;       $('#slideInner').animate({ 'marginLeft' : slideWidth*(-inicial) }); manageControls(position);  $('#produto').show('slow'); $('.produtos7').css("display","block"); return false; });
	$('#butInternas8').click(function(){  inicial = acu6 ; currentPosition = acu6 ; position = acu6 ; numberOfSlides = gal6 ; limite = acu7-1 ;       $('#slideInner').animate({ 'marginLeft' : slideWidth*(-inicial) }); manageControls(position);  $('#produto').show('slow'); $('.produtos8').css("display","block"); return false; });
	$('#butInternas9').click(function(){  inicial = acu7 ; currentPosition = acu7 ; position = acu7 ; numberOfSlides = gal7 ; limite = acu8-1 ;       $('#slideInner').animate({ 'marginLeft' : slideWidth*(-inicial) }); manageControls(position);  $('#produto').show('slow'); $('.produtos9').css("display","block"); return false; });
	$('#butInternas10').click(function(){ inicial = acu8 ; currentPosition = acu8 ; position = acu8 ; numberOfSlides = gal8 ; limite = acu9-1 ;       $('#slideInner').animate({ 'marginLeft' : slideWidth*(-inicial) }); manageControls(position);  $('#produto').show('slow'); $('.produtos10').css("display","block"); return false; });
	$('#butInternas12').click(function(){ inicial = acu9 ; currentPosition = acu9 ; position = acu9 ; numberOfSlides = gal9 ; limite = acu10-1 ;      $('#slideInner').animate({ 'marginLeft' : slideWidth*(-inicial) }); manageControls(position);  $('#produto').show('slow'); $('.produtos12').css("display","block"); return false; });
	$('#butInternas13').click(function(){ inicial = acu10; currentPosition = acu10; position = acu10; numberOfSlides = gal10; limite = acu10+gal10-1; $('#slideInner').animate({ 'marginLeft' : slideWidth*(-inicial) }); manageControls(position);  $('#produto').show('slow'); $('.produtos13').css("display","block"); return false; });
	
	$('#femininos').click(function() {
		$('#boxFemininos').toggle('slow', function() {});
		$('#boxMasculinos').hide('slow');
	});
	$('#masculinos').click(function() {
		$('#boxMasculinos').toggle('slow', function() {});
		$('#boxFemininos').hide('slow');
	});
	
	$('#fechar').click(function(){
		$('#produto').hide('slow');
		$('.produtos1').css("display","none");
		$('.produtos2').css("display","none");
		$('.produtos4').css("display","none");
		$('.produtos5').css("display","none");
		$('.produtos6').css("display","none");
		$('.produtos7').css("display","none");
		$('.produtos8').css("display","none");
		$('.produtos9').css("display","none");
		$('.produtos10').css("display","none");
		$('.produtos12').css("display","none");
		$('.produtos13').css("display","none");
		return false;
	});
	
	// ================================================= /Menu coleções ================================================= //
	
	// ================================================= Menu lojas ================================================= //
	$('#butLoja1').click(function(){
		$('#loja1').css("display","none");
		$('#loja2').css("display","none");
		$('#loja3').css("display","none");
		$('#loja4').css("display","none");
		$('#loja5').css("display","none");
		
		$('#loja1').css("display","block");
		return false;
	});
	$('#butLoja2').click(function(){
		$('#loja1').css("display","none");
		$('#loja2').css("display","none");
		$('#loja3').css("display","none");
		$('#loja4').css("display","none");
		$('#loja5').css("display","none");
		
		$('#loja2').css("display","block");
		return false;
	});
	$('#butLoja3').click(function(){
		$('#loja1').css("display","none");
		$('#loja2').css("display","none");
		$('#loja3').css("display","none");
		$('#loja4').css("display","none");
		$('#loja5').css("display","none");
		
		$('#loja3').css("display","block");
		return false;
	});
	$('#butLoja4').click(function(){
		$('#loja1').css("display","none");
		$('#loja2').css("display","none");
		$('#loja3').css("display","none");
		$('#loja4').css("display","none");
		$('#loja5').css("display","none");
		
		$('#loja4').css("display","block");
		return false;
	});
	$('#butLoja5').click(function(){
		$('#loja1').css("display","none");
		$('#loja2').css("display","none");
		$('#loja3').css("display","none");
		$('#loja4').css("display","none");
		$('#loja5').css("display","none");
		
		$('#loja5').css("display","block");
		return false;
	});
	
	// ================================================= /Menu lojas ================================================= //
	
	// ================================================= Galeria Coleções ================================================= //
	var currentPosition = 0;
	var inicial = 0;
	var limite = 0;
	var slideWidth = 300;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
		
	  // Remove scrollbar in JS
	  $('#slidesContainer').css('overflow', 'hidden');
	  // Wrap all .slides with #slideInner div
	  slides
	    .wrapAll('<div id="slideInner"></div>')
	    // Float left to display horizontally, readjust .slides width
		.css({
	      'float' : 'left',
	      'width' : slideWidth
	    });
	  // Set #slideInner width equal to total width of all slides
	  $('#slideInner').css('width', slideWidth * numberOfSlides);
	  // Insert controls in the DOM
	  $('#slideshow')
	    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
	    .append('<span class="control" id="rightControl">Clicking moves right</span>');
	
	  // Hide left arrow control on first load
	  manageControls(currentPosition);
	
	  // Create event listeners for .controls clicks
	  $('.control')
	    .bind('click', function(){
	    // Determine new position
		currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
	    
		// Hide / show controls
	    manageControls(currentPosition);
	    // Move slideInner using margin-left
	    $('#slideInner').animate({
	      'marginLeft' : slideWidth*(-currentPosition)
	    });
	  });
	  // manageControls: Hides and Shows controls depending on currentPosition
	  function manageControls(position){
	    // Hide left arrow if position is first slide
		if((position==inicial)||(position==0)){ $('#leftControl').hide() } else{ $('#leftControl').show() }
		// Hide right arrow if position is last slide
	    if(position==limite){ $('#rightControl').hide() } else{ $('#rightControl').show() }
	  }	
	 // ================================================= /Galeria Coleções ================================================= // 
});