$(document).ready(function() {
						   
//--------------------- BOXES NAVIGATION -----------------------------------------------------------------------------------

var pos1=1;
var vertical=0;

$('.AlpuraBox').each(function(index) {
							  
	$(this).attr("id","Slide" + (index+1) );
	if (index+1<$(".AlpuraBox").length)
		$(this).addClass("clase" + (index+1));
	else
		$(this).addClass("activeSlide");
	$(this).find('a.down').attr("href","#Slide" + (index+2));
	$(this).find('a.up').attr("href","#Slide" + (index));
	$(this).find('a.vertical').attr("href","#Slide" + (index+1));
	
});

$(".AlpuraBox a.up").click(function(e){

		e.preventDefault();

		if($(this).is(':visible')==false && vertical==0){
		$(this).parents('div.AlpuraBox').show().addClass("activeSlide");
		$(this).parents('div.AlpuraBox').css({'z-index' : '0'}).stop(true,true).animate({ bottom: '+=600px'}, 600).prev().removeClass("activeSlide").delay(500).queue(
				function() {
					if( pos1 == 1){	$(this).css({backgroundPosition: "-900px 0"}); pos1++; }
					else if( pos1 == 2){	$(this).css({backgroundPosition: "-1810px 0"});	pos1=1;}
					$(this).dequeue();
					}); 
		}else if($(this).parents('div.AlpuraBox').next('div.AlpuraBox').is(':visible')==false && vertical==0 && $(this).parents('div.AlpuraBox').attr("id") != "Slide4"){
			$(this).parents('div.AlpuraBox').removeClass("activeSlide").next('div.AlpuraBox').show().addClass("activeSlide");
			$(this).parents('div.AlpuraBox').next('div.AlpuraBox').css({'z-index' : '0'}).stop(true,true).animate({ bottom: '+=600px'}, 600).prev().delay(500).queue(
				function() {
					if( pos1 == 1){	$(this).css({backgroundPosition: "-900px 0"}); pos1++; }
					else if( pos1 == 2){	$(this).css({backgroundPosition: "-1810px 0"});	pos1=1;}
					$(this).dequeue();
					}); 
			}
		
		if(vertical==1){
		$.scrollTo( this.hash, 700);
		}
	})

$(".AlpuraBox a.down").click(function(e){
									  
		e.preventDefault();

		if($(this).is(':visible')==true && vertical==0 && $(this).parents('div.AlpuraBox').attr("id") != "Slide1"){							  
			$(this).parents('div.AlpuraBox').removeClass("activeSlide").prev().addClass("activeSlide").css({backgroundPosition: "20px 0"});
			$(this).parents('div.AlpuraBox').css({'z-index' : '1'}).animate({ bottom: '-=600px'}, 600).fadeOut(0);
		}
			
		if(vertical==1)
		$.scrollTo( this.hash, 700);
		
	})

$(".AlpuraBox a.vertical").click(function(e){
		
		e.preventDefault();
		
		if (vertical==0){
			$('div.AlpuraBox').show().css({position: "relative", bottom:"0", zindex: "0", backgroundPosition: "20px 0"}).parents('div.Content').height("auto");
			$('div.AlpuraGradient').css({position:"relative"});
			$('div.AlpuraGradient .boxNavigation').css({visibility:"hidden", marginTop:"-110px"});
			vertical=1;
			$.scrollTo( this.hash, 700);
		}
		else{
			vertical=0;
			$('div.AlpuraBox').hide().css({position: "absolute", bottom:"-650px", zindex: "1", backgroundPosition: "20px 0"}).parents('div.Content').css({height: "1070px"});
			$('div.AlpuraGradient').css({position:"absolute"});
			$('div.AlpuraGradient .boxNavigation').css({visibility:"visible",marginTop:"30px"});

			$('.AlpuraBox').each(function(a) {		
				if (a+1==$(".AlpuraBox").length){
					$(this).addClass("activeSlide");
				}
				$(this).delay(500*a).queue(function(){
        			$(this).find('a.up').trigger('click');
    			});
			});
			$.scrollTo( 0, 700);
		}

	})

//--------------------- BOXES EXTRA NAVIGATION -----------------------------------------------------------------------------------

$(".AlpuraGradient .boxNavigation a.up").click(function(e){ e.preventDefault(); $('.activeSlide').next().find('a.up').trigger('click');})
$(".AlpuraGradient .boxNavigation a.down").click(function(e){ e.preventDefault(); $('.activeSlide a.down').trigger('click');})
$(".AlpuraGradient .boxNavigation a.vertical").click(function(e){ e.preventDefault(); $('.activeSlide a.vertical').trigger('click');})

//--------------------- PRODUCTS BOXES -----------------------------------------------------------------------------------

$(".products ul li").hover(
  function () {
    $(this).stop(true,true).animate({ marginTop: '-=20px'}, 300);
	$(this).find("span").stop(true,true).animate({ bottom: '+=17px', opacity: '1'}, 500);
  }, 
  function () {
    $(this).stop(true,true).animate({ marginTop: '+=20px'}, 200);
	$(this).find("span").stop(true,true).animate({ bottom: '-=17px', opacity: '0'}, 400);
  }
);

//--------------------- UNLEASHED Roundabout -----------------------------------------------------------------------------------

$('ul#productsFlip').roundabout({
		shape: 'tearDrop',
        minOpacity: 0.0, // invisible!
		btnNext: '#prevRound',
		btnPrev: '#nextRound'
      });
//--------------------- END ALPURA ANIMATIONS -----------------------------------------------------------------------------------
});