// Cufon
Cufon.replace('#footer .adres address, \
        #main #video h2, \
        #content h1, \
        #content .overzicht li h2, \
        #main .database-detail h3');

Cufon.replace('#subheader h2', {separate: 'characters'});
Cufon.replace('#main #zijbalk h2 a, #main h2 a', { hover: true });

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

/**
 * variabelen met jQuery met een $ beginnen!!!
 */
$(function()
{
	/* submenu effectje en timeout */
	Menu.apply("#menu > ul > li");
	
	// default value bij formulieren
	$("input:text[title], textarea[title]").each(function() { 
		$(this).defaultvalue( $(this).attr("title") );
	});
	
	// Automatisch textareas vergroten
    $("form").each(function()
    {
        if( $('textarea', this).length == 1 )
        {
            $('textarea', this).css({ display: 'block' }).autoResize().hide().keydown().show();
        }
    });
	
	// Hovers
	$("#zijbalk .laatstenieuws li").hoverClick();
	$("#content .overzicht li").hoverClick();
	
	// Slideshow starten
    if( $("#subheader .slideshow ul li").length > 1 )
    {
        $("#subheader .slideshow ul").cycle({
            fx: 'cover',
            timeout: 5000,
            pager: '#nav'
        });
        Cufon.replace('#subheader .slideshow #nav');
    }

	// Carousel logos
	if( $("#footer .logos li").length > 3 )
    {
        $('#footer .logos').jcarousel({
            visible	    : 3,
            scroll      : 1,
            auto	    : 1,
            animation	: 2500,
            easing	    : 'easeInOutQuad',
            wrap        : 'circular'
        });   
    }

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

	// slider toevoegen
	$("#menu").prepend('<div class="slider"></div>');
	var slider = $("#menu .slider");
	
	// Checken of er een menu item actief is
	if($("#menu > ul > li.actief").length)
	{
		slider.css("left", $("#menu > ul > li.actief > a").offset().left - $("#menu").offset().left );
	    slider.width(100);
	}
	
	// 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 - $("#menu").offset().left ;
			
			// alle huidige effecten stoppen, en de volgende uitvoeren

			slider.stop().animate({
				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 - $("#menu").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({
					left: terugleft,
					width: terugwidth
				}, 500, 'easeOut');
				slider.fadeOut()
			}, 1000);
		}
	);	
});