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

/**
 * variabelen met jQuery met een $ beginnen!!!
 */
$(function()
{	
	$('h1').css('color', '#ce1f25');
	/* submenu effectje en timeout */
	Menu.apply("#menu > ul > li");
	
	/* Hoverclick */
	$("#overzicht li").hoverClick();
	
	// Formulier focus op velden
	$(":input").not("input[type=button], input[type=submit], input[type=radio], input[type=checkbox]")
		.focus(function() 	{ $(this).addClass("veldfocus"); })
		.blur(function() 	{ $(this).removeClass("veldfocus"); });
		
	// 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 - 12);
		slider.width($("#menu > ul > li.actief > a").width());
		slider.height($("#menu > ul > li.actief > a").height());
	}
	
	// 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 - 12;
			
			// alle huidige effecten stoppen, en de volgende uitvoeren
			slider.stop().animate({
				opacity: 1,
				left: left +"px",
				width: menuLink.width() + "px"
			}, 500, 'easeOutQuad');
		},
		function()
		{
			// Als er geen actieve menu item aanwezig is, dan uitfaden
			if($("#menu > ul > li.actief").length == 0)
			{
				// uitfaden na 1 sec
				hoverTerugTimeout = setTimeout(function()	{
					slider.fadeOut(400);
				}, 1000);
			}
			// Als er wel actieve menu item aanwezig is, dan terug sliden
			else
			{
				sliderTerugTimeout = setTimeout(function()	{
					slider.stop().animate({
						opacity: 1,
						left: $("#menu > ul > li.actief > a").offset().left - $("#container").offset().left - 12 +"px",
						width: $("#menu > ul > li.actief > a").width() + "px"
					}, 500, 'easeOutQuad');
				}, 1000);
			}
		}
	);
	
	/* Contact formulier, labeltekst in formulier zetten */
	var labeltekst = '';
	
	$(".formulier li").each(function()
	{
		// Als het listitem een label bevat dan uitvoeren
		if( $("label", this).length > 0 )
		{
			labeltekst = $("label", this).text();
			$(".label", this).hide();
			
			$("input[type=text], textarea", this).attr("title", labeltekst);
		}
	});
	
	// default value bij formulieren
	$("input:text[title], textarea[title]").each(function() { 
		$(this).defaultvalue( $(this).attr("title") );
	});
	
	// Als maincontent lager is dan zijbalk dan even hoog maken
	// ivm gestreepte border tussen de vakken
	if( $("#maincontent").height() < $("#zijbalk").height() )
	{
		$("#maincontent").height( $("#zijbalk").height() );
	}


});
Cufon.replace('h1');
Cufon.replace('h2');