$(function() {
	
	currentSubmenu = false;
	submenuBusy = false;
	
	$("#navigation li.main-item-parent").hover(
		function() {
			if( submenuBusy || $(this) == currentSubmenu ) {
				return;
			}
			$("#current-item").remove();
			inNavigation = true;
			if(currentSubmenu) {
				$(currentSubmenu).find(".sub-navigation").hide();
				$(this).find(".sub-navigation").show();
			}
			else {
				/*submenuBusy = true;
				$(this).find(".sub-navigation").fadeIn( 200, function() {
					submenuBusy = false;
				});*/
				$(this).find(".sub-navigation").show();
			}
			currentSubmenu = $(this);
			$(this).find('.sub-navigation').prepend('<div id="current-item"><span>&nbsp;</span></div>');
		},
		function() {
			$("#navigation .sub-navigation").hide();
 	
		}
	);

    jQuery.easing.def = "easeOutSine";

	$("#carousel .carousel-current .carousel-section-description-content").show();
	
	$("#carousel .target a").each( function() {
		var txt = $(this).text();
		$(this).text("");
		$(this).append('<img src="/wp-content/themes/duurzaamthuis/images/target_large.png" alt="'+txt+'" />');
	});
    
	initTarget( $("#carousel .carousel-current .target:first img") );
    
    $("#carousel-navigation-left a").click( function() {
		if( $(this).hasClass("inactive") ) {
			return false;
		}
		var prev = $("#carousel .carousel-current").prev();
		var next = $("#carousel .carousel-current").next();
		$("#carousel .carousel-current .carousel-section-description-content").hide();
		$("#carousel .carousel-current .target img").css( "height", "1px" );
		$("#carousel .carousel-current .target img").css( "width", "1px" );
		$("#carousel .carousel-current .target img").css( "margin", "27px 0 0 27px" );
	    $("#carousel .carousel-current").fadeOut( 300, function() {
			$(this).removeClass("carousel-current");
			$(prev).fadeIn( 600, function() {
				$(prev).addClass("carousel-current");
				initTarget( $("#carousel .carousel-current .target:first img") );
				$("#carousel .carousel-current .carousel-section-description-content").show();
			}); 
			if( ! $(prev).prev().hasClass("carousel-section") ) {
				$("#carousel-navigation-left a").addClass( "inactive" );
			}
			else {
				$("#carousel-navigation-left a").removeClass( "inactive" );
			}
			$("#carousel-navigation-right a").removeClass( "inactive" );
		});
		return false;
    });

	$("#carousel-navigation-right a").click( function() {
		if( $(this).hasClass("inactive") ) {
			return false;
		}
		var next = $("#carousel .carousel-current").next();
		$("#carousel .carousel-current .carousel-section-description-content").hide();
		$("#carousel .carousel-current .target img").css( "height", "1px" )
		$("#carousel .carousel-current .target img").css( "width", "1px" );
		$("#carousel .carousel-current .target img").css( "margin", "27px 0 0 27px" );
		$("#carousel .carousel-current").fadeOut( 300, function() {
			$(this).removeClass("carousel-current");
			$(next).fadeIn( 600, function() {
				$(next).addClass("carousel-current");
				initTarget( $("#carousel .carousel-current .target:first img") );
				$("#carousel .carousel-current .carousel-section-description-content").show();
				if( ! $(next).next().hasClass("carousel-section") ) {
					$("#carousel-navigation-right a").addClass( "inactive" );
				}
				else {
					$("#carousel-navigation-right a").removeClass( "inactive" );
				}
				$("#carousel-navigation-left a").removeClass( "inactive" );
			});
		});
		return false;
    });

	// Initiate first carousel item
	$("#carousel .carousel-section:first").fadeIn( 600, function() {
		$(this).addClass("carousel-current");
		initTarget( $("#carousel .carousel-current .target:first img") );
		$("#carousel .carousel-current .carousel-section-description-content").show();
		$("#carousel-navigation-left a").addClass("inactive");
	});


	function initTarget( el ) {
        $( el ).animate({
            height: "53px",
            width: "53px",
            marginTop: "0",
            marginLeft: "0"
        }, 400, '', function() {
			$(this).attr("src", "/wp-content/themes/duurzaamthuis/images/target.png");
			$(this).hover(
				function(){
		            $(this).attr("src", "/wp-content/themes/duurzaamthuis/images/target_large.png");
		            $(this).animate({
		                height: "70px",
		                width: "70px",
		                marginTop: "-8px",
		                marginLeft: "-8px"
		            }, 100, "linear", function() {
						var balloon = '<table class="balloon" id="current_balloon" cellspacing="0"><tr><td class="balloon-left">&nbsp;</td><td class="balloon-content">' + $(this).attr('alt') + '</td><td class="balloon-right">&nbsp;</td></tr></table>';
						$(balloon).insertAfter( $(this).parent() );
						var left = -1 * ( ( $("#current_balloon").width() -56 ) / 2 );
						$("#current_balloon").css("left", left+"px");
						if( parseInt( $("#current_balloon").parent().css("top") ) < 60 ) {
							$("#current_balloon").addClass("upsidedown");
						}
						$("#current_balloon").show();

					});
		        },
		        function(){
		            $(this).attr("src", "/wp-content/themes/duurzaamthuis/images/target.png");
		            $(this).animate({
		                height: "53px",
		                width: "53px",
		                marginTop: "0",
		                marginLeft: "0"
		            }, 100, "linear", function() {
						$(this).parent().next().hide();
						$(this).parent().next().remove();							
					});
		        }
			);
            if( $(this).parent().parent().next().length != 0 ) {
                initTarget( $(el).parent().parent().next().children().children() );
            } 
        });
    }

	$("#search-field").focus( function() {
		if( $(this).val() == "Zoek in deze site" ) {
			$(this).val("");
		}
	});
	
	// Partner links
	
	$("#partners a").each( function() {
		$(this).parent().parent().append('<a href="'+$(this).attr("href")+'" class="partner-link" target="_blank">&nbsp;</a>');
		var liHeight = $(this).parent().parent().height()+32;
		$(this).parent().parent().find(".partner-link").css("height", liHeight+"px");
		$(this).parent().parent().find(".partner-link").hover(
			function() {
				$(this).parent().find("h3 a").css("text-decoration", "underline");
			},
			function() {
				$(this).parent().find("h3 a").css("text-decoration", "none");
			}
		);
	});
});