$(function()
{
	/* submenu effectje en timeout */
	Menu.apply("#menu > li");
	
	$("#overzicht li").hoverClick();
	
	/****************************/
	/* Menu background animatie */
	/****************************/
	$("#menu > li").hover(
	function()
	{
		if( $(this).hasClass('actief') ) { } else 
		{
			$(this).stop().css("background", "url(" + submap + "/img/menu-hover-bg.png) repeat-x left -53px").animate({ backgroundPosition: "(0 0)" }, 400, 'easeOutQuad');
		}
	},
	function()
	{
		if( $(this).hasClass('actief') ) { } else 
		{
			$(this).animate({ backgroundPosition: "(0 53px)" }, 400, 'easeInQuad');
		}
	});
	
	/*******************************************************/
	/* Submenu positie pijl en breedte van submenu regelen */
	/*******************************************************/
	$("#menu > li").each(function()
	{
		// pijl in het midden van het menu item zetten
		var menuItemMidden = $(this).width() / 2;
		var backgroundLeft = menuItemMidden - 35; // 35 is de helft van de achtergrond afbeelding, dus de punt
		
		// breedte submenu bepalen
		if( $("div", this).length > 0 )
		{
			// breedte wat moet worden = huidige breedte x aantal ul's
			var oorspronkelijkeBreedte = $("div", this).width();
			var breedteSubmenu = oorspronkelijkeBreedte * $("div > ul", this).length;
			$("div", this).wrap("<div></div>");
			$(">div", this).css("background-position", backgroundLeft+"px top");
			$("div", this).css("width", breedteSubmenu+9+"px"); // +9 is extra voor FF en IE 8
			
			// Afstand tot rechterkant site bepalen
			var containerOffset = $("#container").offset();
			var offset = $(this).offset();
			var afstandTotRechts = 984 - ( offset.left - containerOffset.left );
			
			// Als breedte submenu langer is dan afstand tot rechts dan schuiven
			if( breedteSubmenu > afstandTotRechts )
			{
				positieLeft = afstandTotRechts - breedteSubmenu;
				$(this).hover(function() { $(">div", this).css("left", positieLeft+"px"); },function() {});
				// Pijltje ook weer goed zetten
				$(this).hover(function() { $(">div", this).css("background-position", (backgroundLeft-positieLeft)+"px top"); },function() {});
				
				// Als submenu te breed is voor de pagina dan naar onder doorgaan 
				if( breedteSubmenu > 984 )
				{
					var aantalKolommen = Math.floor( 984 / oorspronkelijkeBreedte );
					$(this).hover(function() { 
						$(">div", this).css(
							{
								width: oorspronkelijkeBreedte * aantalKolommen + 9,
								left: - ( offset.left - containerOffset.left ),
								backgroundPosition: ( offset.left - containerOffset.left + backgroundLeft )+"px 0"
							});
						$(">div>div", this).css("width", (oorspronkelijkeBreedte * aantalKolommen + 9)+"px");
						}, function() {});
				}
			}
		}
	});
	
	/*****************************/
	/* Formulier focus op velden */
	/*****************************/
	$(":input").not("input[type=button], input[type=submit], input[type=radio], input[type=checkbox]").focus(function() { $(this).addClass("veldfocus"); });
	$(":input").not("input[type=button], input[type=submit], input[type=radio], input[type=checkbox]").blur(function() { $(this).removeClass("veldfocus"); });
	
	/*************************/
	/* Nieuwsbrief formulier */
	/*************************/
	var nb_form = {};
	
	nb_form.zichtbaar = false;
	nb_form.init = function()
	{
		$("#nieuwsbrief > a").click( function()
		{
			if ( nb_form.zichtbaar == true )
			{
				// verbergen	
				nb_form.verbergNieuwsbriefForm( this );				
			}
			else
			{
				// tonen
				nb_form.toonNieuwsbriefForm( this );				
			}
	
			return false;
		});
		
		// onder nb form een laag leggen 
		// die als kliklayer dient				
		//$('<div id="nb_form_clicklayer" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9; display: none; background: #C00;"></div>').appendTo("body");
				
		// klikken op body moet nb_form verbergen
		//$("#nb_form_clicklayer").click( function() { nb_form.verbergNieuwsbriefForm( $("#nieuwsbrief > a") ); } );
		$("#nieuwsbrief .sluit").click( function() { nb_form.verbergNieuwsbriefForm( $("#nieuwsbrief > a") ); } );
	};
	
	nb_form.init();
	
	nb_form.verbergNieuwsbriefForm = function( object )
	{
		//$("#nb_form_clicklayer").hide();
		$(">div", $(object).parent()).stop().animate({ opacity:"hide" }, 200);
		nb_form.zichtbaar = false;
	};
	
	nb_form.toonNieuwsbriefForm = function( object )
	{
		//$("#nb_form_clicklayer").show();
		$(">div", $(object).parent()).stop().hide().css({left: "-88px", display: "block", opacity:0 }).animate({ opacity:1 }, 300);
		nb_form.zichtbaar = true;
	};
	
	//nieuwsbrief formulier tonen
	if(window.location.hash == '#nieuwsbrief' || (undefined !== window.toon_nieuwsbrief))
	{
		nb_form.toonNieuwsbriefForm( "#nieuwsbrief > a" );
	}


});


Cufon.replace('h1, #zijbalk h2, #blokken h2');