// stop BackgroundImageCache voor IE				
try	{ document.execCommand("BackgroundImageCache", false, true); } catch(e) { }

/**
 * variabelen met jQuery met een $ beginnen!!!
 */
$(function()
{
	if( $("#header .sfeerfoto li").length > 1 )
	{
		$("#header .sfeerfoto").cycle({
	  		timeout:       8000,
        	speed:         3000,
        	delay:         -4000
		});
	}
	
	$("#categorie-overzicht li").hoverClick();

    /**
	 * default value bij formulieren
	 */
	$("input:text[title], textarea[title]").each(function() { 
		$(this).defaultvalue( $(this).attr("title") );
	});

    /**
	 * menu slidebalkje
	 */
	var hoverTerugTimeout = false;
	var sliderTerugTimeout = false;

	// slider toevoegen
	$("#menu").prepend('<div class="slider"></div>');
	var slider = $("#menu .slider");

	// init positie achter actieve link zetten
	if($("#menu > ul > li.actief").length)
	{
		slider.css({
			left: $("#menu > ul > li.actief > a").offset().left - $("#container").offset().left - 215,
			opacity: 0
		});
		slider.width($("#menu > ul > li.actief > a").outerWidth());
	}

	// animatie regelen
	$("#menu > ul > li").hover(
		function()
		{
			// slider uitfaden stoppen
			clearTimeout(hoverTerugTimeout);
			clearTimeout(sliderTerugTimeout);

			// vars zetten
			var menuLink = $('> a', this);
			var left = menuLink.offset().left - $("#container").offset().left - 215;

			// alle huidige effecten stoppen, en de volgende uitvoeren
			slider.stop().animate({
				opacity: 1,
				left: left +"px",
				width: menuLink.outerWidth() +"px"
			}, 500, 'easeOutQuad');
		},
		function()
		{
			if($("#menu > ul > li.actief").length == 0)
			{
				// uitfaden na 1 sec
				hoverTerugTimeout = setTimeout(function()	{
					slider.fadeOut(400);
				}, 1000);
			}
			else
			{
				sliderTerugTimeout = setTimeout(function()	{
					//slider.css("left", $("#menu ul li.actief a").offset().left - $("#container").offset().left - 380);
					//slider.width($("#menu ul li.actief a").width());
					slider.stop().animate({
						opacity: 1,
						left: $("#menu > ul > li.actief > a").offset().left - $("#container").offset().left - 215 +"px",
						width: $("#menu > ul > li.actief > a").outerWidth() +"px"
					}, 500, 'easeOutQuad');
				}, 1000);
			}
		}
	);
});