// Cufon
Cufon.replace('#content h1, #footer address, #subheader .nieuwsbrief .nieuwsbriefformulier .inhoud h4, #shop_uitgelicht_maandthema h2, ' +
        '#subheader .nieuwsbrief .nieuwsbriefformulier .inhoud li .label, #main h2, #nieuws h1, #zoeken h1, #menu-inlog > li > a');

Cufon.replace("#slideshow h1", { separate: 'characters' });

// 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 > li");
	Menu.apply("#menu-inlog > li");
	
	// default value bij formulieren
	$("input:text[title], textarea[title]").each(function() { 
		$(this).defaultvalue( $(this).attr("title") );
	});
	
	// Hovers
	$("#zijbalk .laatstenieuws li").hoverClick();
	$("#main .laatstenieuws li").hoverClick();
	$("#nieuws .overzicht li").hoverClick();
	$("#content .overzicht.referenties li").hoverClick();

	// Automatisch textareas vergroten
    $("form").each(function()
    {
        if( $('textarea', this).length == 1 )
        {
            $('textarea', this).css({ display: 'block' }).autoResize();
        }
    });
	

	
	// Slideshow starten
    if($("#slideshow li").length > 1)
    {
        $('#slideshow').cycle({
            fx: 'fade',
            timeout:  7000
        });
    }
		$('#zoeken-melding').live('click',
		function()
		{
			$(this).fadeOut(100);
			$("#subheader .zoeken input[type=text]").focus();
		}
	);
		
	// Carousel logos
    if($('#footer-main .logos li').length > 1)
    {
        $('#footer-main .logos').jcarousel({
            visible	: 5,
            auto	: 3,
            scroll	: 1,
            wrap	: "both"
        });
    }

	
	// Referentie detail pagina carousel
    if($('#content #referentiedetails .slideshow li').length > 1)
    {
        $('#content #referentiedetails .slideshow').jcarousel({
            visible	: 1,
            scroll	: 1,
            auto	: 5,
            nav		: true,
            wrap	: "both"
        });
    }

	
	
	/********************/
	/* 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 > li.actief").length)
	{
		// init positie achter actieve link zetten
		if($("#menu > li.actief").length)
		{
			slider.css("left", $("#menu > li.actief > a").offset().left - $("#menu").offset().left );
			slider.width(100);
		}
		else
		{
			slider.css("left", -120);
			slider.width($("#menu > li.actief > a").width());
		}
	}
	
	// animatie regelen
	$("#menu > 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()
		{
            var terugleft = 0;
			var terugwidth = 0;

			// Checken of er een menu item actief is
			if($("#menu > li.actief").length)
			{
				var terugleft = $("#menu > li.actief > a").offset().left - $("#menu").offset().left +'px';
				var terugwidth = $("#menu > li.actief > a").width() +"px";
			}

			sliderTerugTimeout = setTimeout(function()	{
				slider.stop().animate({
					left: terugleft,
					width: terugwidth
				}, 500, 'easeOut');
			}, 1000);
		}
	);	
	
	
	//
	// Inloggen rechts boven
	//

	// variabele aanmaken
	var inloggen_formulier = false;
	var loginblok = $("#footer .login-blok");
	var inlogformulier = $("#inlogformulier");
	var button = $("#footer a.login-button.login");

	button.click(function()
	{			
		if(inloggen_formulier == false)
		{
			inloggen_formulier = true;
			loginblok.fadeIn(300);

			// formulier sluiten als er buiten wordt geklikt
			$('body').one('click', verbergFormulier);
			
			// Wanneer op het element geklikt wordt dan mag deze niet sluiten
			loginblok.click(function(e)
			{
				e.stopPropagation();
			});
		}
		else
		{
			inloggen_formulier = false;
			verbergFormulier();
		}
		
		// functie formulier verbergen
		function verbergFormulier ()
		{
			loginblok.fadeOut(300);
		}
        
		return false;
	});

	
	
	//
	// nieuwsbrief formulier
	//
	
	// variabele aanmaken
	var nieuwsbrief_formulier = false;
	var nieuwsbriefblok = $("#subheader .nieuwsbrief .nieuwsbriefformulier");
	var nieuwsbriefformulier = $("#subheader .nieuwsbrief .button");
	var button = $("#subheader .nieuwsbrief a.button");

	button.click(function()
	{			
		if(nieuwsbrief_formulier == false)
		{
			nieuwsbrief_formulier = true;
			nieuwsbriefformulier.hide();
			nieuwsbriefblok.fadeIn(300)//animate({width: 450, height: 450})
			nieuwsbriefformulier.fadeIn(300);
		
			// formulier sluiten als er buiten wordt geklikt
			$('body').one('click', verbergFormulier);
			
			// formulier sluiten als er op het kruis geklikt wordt
			$("span.sluiten").click(verbergFormulier);
						
			/* Wanneer op het element geklikt wordt dan mag deze niet sluiten */
			nieuwsbriefblok.click(function(e)
			{
				e.stopPropagation();
			});
		}
		
		else
		{
			nieuwsbrief_formulier = false;
			verbergFormulier();
		}
		
		// functie formulier verbergen
		function verbergFormulier ()
		{
			nieuwsbriefblok.fadeOut(300)
		}
        
		return false;
	});	
	
	
});