// JavaScript Document

$(document).ready(function(){	

	$('.animationOrange').hover(function(){
		$("> .left .up", this).stop().animate({"opacity": "0"}, "fast");
		$("> .left .hover", this).stop().animate({"opacity": "1"}, "fast");
		$("> .right .up", this).stop().animate({"opacity": "0"}, "fast");
		$("> .right .hover", this).stop().animate({"opacity": "1"}, "fast");
		$("> .left .text", this).stop().animate({borderColor: "#b6b4b4"}, "fast");
	},function(){
		$("> .left .up", this).stop().animate({"opacity": "1"}, "fast");
		$("> .left .hover", this).stop().animate({"opacity": "0"}, "fast");
		$("> .right .up", this).stop().animate({"opacity": "1"}, "fast");
		$("> .right .hover", this).stop().animate({"opacity": "0"}, "fast");
		$("> .left .text", this).stop().animate({borderColor: "#e5a370"}, "fast");
	});
	
	
	$('.animationBlack').hover(function(){
		$("> .left .up", this).stop().animate({"opacity": "0"}, "fast");
		$("> .left .hover", this).stop().animate({"opacity": "1"}, "fast");
		$("> .right .up", this).stop().animate({"opacity": "0"}, "fast");
		$("> .right .hover", this).stop().animate({"opacity": "1"}, "fast");
		$("> .left .text", this).stop().animate({borderColor: "#e5a370"}, "fast");
	},function(){
		$("> .left .up", this).stop().animate({"opacity": "1"}, "fast");
		$("> .left .hover", this).stop().animate({"opacity": "0"}, "fast");
		$("> .right .up", this).stop().animate({"opacity": "1"}, "fast");
		$("> .right .hover", this).stop().animate({"opacity": "0"}, "fast");
		$("> .left .text", this).stop().animate({borderColor: "#b6b4b4"}, "fast");
	});
	
	$('#mainProductMenulist li a').each(function(){
    	$(this).parent().width($(this).width() + 4);
	});
	$('#subProductMenulist li a').each(function(){
    	$(this).parent().width($(this).width() + 4);
	});
	
	var activeFade = -1;
	
	$('#mainProductMenulist li').each(function(index) {
		$(this).click(function(e){
			e.preventDefault;
			menuFadeAction(index);
		});
	});
	
	function menuFadeAction(newFadeActive){
		
		if(activeFade == -1){ 
			$("#subBlanco").stop().animate({opacity: 0}, "fast");
		}else{
			$("#mainProductMenulist li").eq(activeFade).toggleClass("active");
			$("#subProductMenulist .subMenuList").eq(activeFade).stop().animate({opacity: 0}, "fast");
			$("#subProductMenulist .subMenuList").eq(activeFade).css("z-index","1");
		}
		$("#subProductMenulist .subMenuList").eq(newFadeActive).css("z-index","10");
		$("#subProductMenulist .subMenuList").eq(newFadeActive).stop().animate({opacity: 1}, "fast");
		$("#mainProductMenulist li").eq(newFadeActive).toggleClass("active");
		activeFade = newFadeActive;
	}
	
	var submenuActive = 0;
	
	$('#subProductMenulist li').each(function(index) {
		$(this).click(function(){
			submenuActiveAction(index);
		});
	});
	
	function submenuActiveAction(newSubmenuActive){
		$("#subProductMenulist li").eq(submenuActive).removeClass("active");
		$("#subProductMenulist li").eq(newSubmenuActive).addClass("active");
		submenuActive = newSubmenuActive;		
	}
	

	var producten = $("#producten li");
    producten.click( function(e) {
        if(e.target.tagName != 'A') {
			window.location.href = $('.content .subitemList ul .target a',this).attr('href');
        }
    })
	
	
	$('#producten li').hover(function(){
		var hoogteWaarde = $("> .content .subitemList li", this).length * 30;
		$("> .content .subitemList", this).stop().animate({height: hoogteWaarde+"px"}, "fast");
		$("> .content .button", this).stop().animate({top: "0px"}, "fast");
		$("> .content .subitemList .title .icon", this).toggleClass("arrowDown");
	},function(){
		$("> .content .subitemList", this).stop().animate({height: "30px"}, "fast");
		$("> .content .button", this).stop().animate({top: "-40px"}, "fast");
		$("> .content .subitemList .title .icon", this).toggleClass("arrowDown");
	});
	
	$('.subitemList .rollOver').hover(function(){
		$(this).stop().animate({backgroundColor: "#F58326"}, "fast");
	},function(){
		$(this).stop().animate({backgroundColor: "#919194"}, "slow");
	});
	

	if($('#detailSlideMenu').length){
		var detailMenuWidth = $('#detailSlideMenu').width();
		var leftDetailMenu= (530 - detailMenuWidth)/2;
		$('#detailSlideMenu').css("left",leftDetailMenu+"px");
		
		var activeFoto = 0;
		var totalFotos = $("#detailSlide li").length;
		var fotoWidth = $("#productDetails").width();
		var ulWidth =  totalFotos * fotoWidth;
		$("#detailSlide ul").css({'width':ulWidth+'px'});
		var galleryPlay = true;
		
		$("#detailSlideMenu li").eq(0).toggleClass("active");
		$("#detailList li span").eq(0).css("color","#f58326");
		$("#detailList li p").eq(0).css("color","#f58326");
		
		function detailSlideGallery(){
			if(galleryPlay){	
				$.doTimeout( 4000, function(){
					if(galleryPlay){
						$("#detailList li span").eq(activeFoto).stop().animate({color: "#b6b4b4"}, "fast");
						$("#detailList li p").eq(activeFoto).stop().animate({color: "#b6b4b4"}, "fast");
						$("#detailSlideMenu li").eq(activeFoto).toggleClass("active");
											
						
						if(activeFoto == 0){ 
							$("#detailSlide ul").css("left", "0");
						}
						activeFoto = activeFoto + 1;
						
						var newPos = activeFoto * fotoWidth * -1 + "px";
						
						$("#detailSlide ul").stop().animate({"left": newPos}, "slow");
						if(activeFoto == totalFotos - 1){ activeFoto = 0; }
						$("#detailList li span").eq(activeFoto).stop().animate({color: "#f58326"}, "fast");
						$("#detailList li p").eq(activeFoto).stop().animate({color: "#f58326"}, "fast");
						$("#detailSlideMenu li").eq(activeFoto).toggleClass("active");
																												
						detailSlideGallery();
					}
				});
			}
		}
		detailSlideGallery();
		
		
		$('#detailSlideMenu li').each(function(index) {
			$(this).click(function(e){
				e.preventDefault;
				clickSlideAction(index);
			});
		});
		
		$('#detailList li').each(function(index) {
			$(this).click(function(e){
				e.preventDefault;
				clickSlideAction(index);
			});
		});
	  
		function clickSlideAction(newSlideActive){
			$("#detailSlideMenu li").eq(activeFoto).toggleClass("active");
			$("#detailList li span").eq(activeFoto).stop().animate({color: "#b6b4b4"}, "fast");
			$("#detailList li p").eq(activeFoto).stop().animate({color: "#b6b4b4"}, "fast");
			galleryPlay = false;		
			var newPos = newSlideActive * fotoWidth * -1 + "px";
			$("#detailSlide ul").stop().animate({"left": newPos}, "slow");
			$("#detailList li span").eq(newSlideActive).stop().animate({color: "#f58326"}, "fast");
			$("#detailList li p").eq(newSlideActive).stop().animate({color: "#f58326"}, "fast");
			$("#detailSlideMenu li").eq(newSlideActive).toggleClass("active");
			activeFoto = newSlideActive;
		}
		
	}
		
});