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

	Cufon.replace('h1, #uitgelicht .item h3, .item strong, #datums h2');
	Cufon.replace('#tagcloud a', {hover:{textShadow: '1px 1px #000', color:'#fff'}})

/**
 * variabelen met jQuery met een $ beginnen!!!
 */
$(function()
{
	/* submenu effectje en timeout */
	Menu.apply("#menu > ul >  li");
	
		
	$("#overzicht li, #laatste-nieuws li, .uitgelicht-item li, #datums li, #zijbalk .buttons li,  #uitgelicht.item").hoverClick();

	/* Carousel logo's */
	$("#logos").jCarouselLite({
		visible		: 6,
		auto		: 900,
		speed		: 2500,
        pauseOnHover: true 
	});
	
	//city veld leeggooien
	$('input.local-veld').val();


	// default value bij formulieren
	$("input:text[title], textarea[title]").each(function() { 
		$(this).defaultvalue( $(this).attr("title") );
	});
	
	// Formulier focus op velden
	$(":input").not("input[type=button], input[type=submit], input[type=radio], input[type=checkbox]").not("#zoek_veld")
		.focus(function() 	{ $(this).addClass("sfFocus"); })
		.blur(function() 	{ $(this).removeClass("sfFocus"); });
		
		
	$("#logos li").each(
		function()
		{
			afb_kleur = $('img', this).clone().addClass('kleur');

			$('img', this).after(afb_kleur);
			$('.kleur', this).attr({src: $('a', this).attr('rel').split(' ')})

			$('.kleur', this).css({position: 'absolute', top:0,left:0,opacity:0});
		}
	)
	// logos in de footer
	$("#logos li .kleur").hover(
		function() { $(this).stop().fadeTo(300, 1); },
		function() { $(this).stop().fadeTo(300, 0); }
	);

	
	/********************/
	/* bel mij terug */
	/********************/
	var bel_mij_terug_open = false;
	$("#subheader a.bel-mij-terug").click(function()
	{	
		//button sluiten aanmaken
		if($("#formulier-bel-mij-terug .sluiten").length == 0)
		{
			$("#formulier-bel-mij-terug").prepend('<span class="sluiten" title="Sluiten">x</span>');
		}
		
		$("#formulier-bel-mij-terug .sluiten").bind('click',function(){$("#formulier-bel-mij-terug").fadeOut(300); bel_mij_terug_open = false})
		
		if(bel_mij_terug_open == false)
		{
			bel_mij_terug_open = true;
			$("#formulier-bel-mij-terug").fadeIn(300)
		}
		else
		{
			bel_mij_terug_open = false;
			$("#formulier-bel-mij-terug").fadeOut(300)	
		}
		//$("#contactpagina .toonformulier").fadeOut(300);
		return false;
	});
	
	/********************/
	/* nieuwsbrief		*/
	/********************/
	var nieuwsbrief_formulier_open = false;
	$("#header a.nieuwsbrief").click(function()
	{			
		//button sluiten aanmaken
		if($("#formulier-nieuwsbrief .sluiten").length == 0)
		{
			$("#formulier-nieuwsbrief").prepend('<span class="sluiten" title="Sluiten">x</span>');
		}
		
		$("#formulier-nieuwsbrief .sluiten").bind('click',function(){$("#formulier-nieuwsbrief ").fadeOut(300); nieuwsbrief_formulier_open = false; $('#header li.nieuwsbrief').removeClass('actief');})
		
		if(nieuwsbrief_formulier_open == false)
		{
			nieuwsbrief_formulier_open = true;
			$(this).parent('li').addClass('actief');
			$("#formulier-nieuwsbrief").fadeIn(300);
			$("#nieuwsbrief_209_email").focus();
		}
		else
		{
			nieuwsbrief_formulier_open = false;
			$(this).parent('li').removeClass('actief');
			$("#formulier-nieuwsbrief").fadeOut(300)	
		}
		//$("#contactpagina .toonformulier").fadeOut(300);
		return false;
	});	
	
	//nieuwsbrief formulier tonen
	if(window.location.hash == '#nieuwsbrief' || (undefined !== window.toon_nieuwsbrief))
	{
		nieuwsbrief_formulier_open = false;
		$("#header a.nieuwsbrief").trigger('click');
	}	
	else if(window.location.hash == '#nieuwsbrief_aanmelden' || (undefined !== window.toon_nieuwsbrief_aanmelden))
	{
		nieuwsbrief_formulier_open = false;
		$("#header a.nieuwsbrief").trigger('click');
		toonExtra('j');		
	}
	else if(window.location.hash == '#nieuwsbrief_afmelden'|| (undefined !== window.toon_nieuwsbrief_afmelden) )
	{
		nieuwsbrief_formulier_open = false;
		$("#header a.nieuwsbrief").trigger('click');
		toonExtra('n');		
	}	


	/********************/
	/* zoeken			*/
	/*********************/
	$("#zoek_veld").focus(
	function()
	{
		$('#zoeken').addClass('hover');	
	});
	$("#zoek_veld").blur(
	function()
	{
		$('#zoeken').removeClass('hover');	
	});


	//$('#zijbalk .buttons').scrollFollow( 
	$('#scrollfollow').scrollFollow( 
		{
			speed: 500,
			container: 'container'
		}
	);
		
		
	
	/********************/
	/* menu slidebalkje */
	/********************/
	var hoverTerugTimeout = false;
	var sliderTerugTimeout = false;

	// slider toevoegen
	$("#menu").prepend('<div class="slider"></div>');
	var slider = $("#menu .slider");
	$("#menu .slider").css({display:'block'});
	
	// Checken of er een menu item actief is
	if($("#menu > ul > li.actief").length)
	{
		// 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 );
			slider.width($("#menu > ul > li.actief > a").width());
		}
		else
		{
			slider.css("left", -120);
			slider.width(0);
		}
	}
	
	// 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 ;
			
			// alle huidige effecten stoppen, en de volgende uitvoeren
			slider.stop().animate({
				opacity: 1,
				left: left +"px",
				width: menuLink.width() +"px"
			}, 500, 'easeOut');
		},
		function()
		{
			// Checken of er een menu item actief is
			if($("#menu > ul > li.actief").length)
			{
				var terugleft = $("#menu > ul > li.actief > a").offset().left - $("#container").offset().left +'px';
				var terugwidth = $("#menu > ul > li.actief > a").width() +"px";
			}
			else
			{
				var terugleft = 0;
				var terugwidth = 0;
			}
			sliderTerugTimeout = setTimeout(function()	{
				slider.stop().animate({
					opacity: 1,
					left: terugleft,
					width: terugwidth
				}, 500, 'easeOut');
			}, 1000);
		}
	);	
		



});



function controleerZoeken(formulier)
{
	if(($("#zoeken input[type=text]").val().length < 3 || $("#zoeken input[type=text]").val() == $("#zoeken input[type=text]").attr("title")) )
	{
		$("#zoeken").append('<div id="zoeken-melding"/>');
		$("#zoeken-melding").html("Vul svp een zoekterm in van 3 of meer karakters.");
		$("#zoeken-melding").fadeIn(200);
		
		setTimeout( function()
				{
				$("#zoeken-melding").fadeOut(500);	
				}, 4000);
		
		return false
	}
	else
	{
		$("#zoeken-melding").css({display:'none'});
		return true;	
	}
}