$(function() {
		   
	/***************/
	/* Menu        */
	/***************/	
	var menu = {};
	
	menu.laatstGeopend = null;
	menu.timeoutTime = 2000;
	menu.timeout = null;
	
	menu.init = function()
	{
		// hover op li
		$("#menu>li").hover(
			function() 
			{ 		
				// als laatstegeopend dezelfde is als de huidige, dan de timeout verwijderen
				if($(this).hasClass("hover"))
				{
					clearTimeout(menu.timeout);
				}
				// nieuwe uitschuiven
				else
				{
					$("#menu>li>ul").hide();
					$("#menu>li").not(this).removeClass("hover");
					
					$(this).addClass("hover");	
					$(">ul", this).hide().slideDown(300);
					
					// selectbox in <ie7 verwijderen
					if($.browser.msie && $.browser.version < 7)	{
						$("select").css({ visibility: 'hidden' });	
					}
				}
			},
			function() 
			{ 
				// timeout zetten om na x aantal sec te sluiten
				menu.laatstGeopend = this;
				menu.timeout = setTimeout(function()
				{
					$(menu.laatstGeopend).removeClass("hover"); 
					$(">ul", this).hide().slideUp(300);
					
					// selectbox in <ie7 tonen
					if($.browser.msie && $.browser.version < 7)	{
						$("select").css({ visibility: 'visible' });	
					}
				}, menu.timeoutTime);
			}
		);
	}
	
	/***************/
	/* Submenu     */
	/***************/	
	var submenu = {};
	
	submenu.sublaatstGeopend = null;
	submenu.subtimeoutTime = 2000;
	submenu.subtimeout = null;
	
	submenu.init = function()
	{
		// hover op li
		$("#menu>li>ul>li").hover(
			function() 
			{ 		
				// als laatstegeopend dezelfde is als de huidige, dan de timeout verwijderen
				if($(this).hasClass("hover"))
				{
					clearTimeout(submenu.subtimeout);
				}
				// nieuwe uitschuiven
				else
				{
					$("#menu>li>ul>li>ul").hide();
					$("#menu>li>ul>li").not(this).removeClass("hover");
					
					$(this).addClass("hover");	
					$(">ul", this).hide().slideDown(300);
					
					// selectbox in <ie7 verwijderen
					if($.browser.msie && $.browser.version < 7)	{
						$("select").css({ visibility: 'hidden' });	
					}
				}
			},
			function() 
			{ 
				// timeout zetten om na x aantal sec te sluiten
				submenu.sublaatstGeopend = this;
				submenu.subtimeout = setTimeout(function()
				{
					$(submenu.sublaatstGeopend).removeClass("hover"); 
					$(">ul", this).hide().slideUp(300);
					
					// selectbox in <ie7 tonen
					if($.browser.msie && $.browser.version < 7)	{
						$("select").css({ visibility: 'visible' });	
					}
				}, submenu.subtimeoutTime);
			}
		);
	}


	menu.init();
	submenu.init();
	
	/* Formulier zoeken legen bij focus */
	$("#zoekformulier input:text")
		.focus(function()	{
			if(this.value == 'Type hier trefwoord, typenummer of artikelsoort')
				this.value = '';
		})
		.blur(function()	{
			if(this.value == '')
				this.value = 'Type hier trefwoord, typenummer of artikelsoort';
		});

});

function inUitKlappen()
{
	$("#productoverzicht ul").hide();
	
	$("#productoverzicht h2").append('<span class="uitklappen"></span>').css("cursor", "pointer");
	$("#productoverzicht h3").append('<span class="uitklappen"></span>').css("cursor", "pointer");
	
	/* Subitem */
	$("#productoverzicht > li").each(function()
	{
		var titel = $('h2', this).text();
		if( $.cookie("uitklappen") == titel )
		{
			$('> ul', this).show();
			$('> ul > li.subsub > ul', this).hide();
			$('> h2 > span', this).addClass("inklappen").removeClass("uitklappen");
		}
	});
	
	$("#productoverzicht > li > h2").click( function()
	{
		if( $("> span", this).hasClass("inklappen") )
		{
			$("span", this.parentNode).removeClass("inklappen").addClass("uitklappen");
			$("ul", this.parentNode).hide();
			
			$.cookie("uitklappen", "" );
		}
		else
		{
			// Alle links met class inklappen, krijgen de class uitklappen
			$("#productoverzicht span.inklappen").addClass("uitklappen").removeClass("inklappen");
			
			// Alle de link waar op is geklikt krijgt de class inklappen
			$("> span", this).removeClass("uitklappen").addClass("inklappen");
			
			// Alle blokken worden ingeklapt
			$("#productoverzicht > li ul").hide();
			
			// Betreffende blok wordt uitgeklapt
			$("> ul", this.parentNode).show();
			$('> ul > li.subsub > ul', this.parentNode).hide();
			
			$.cookie("uitklappen", $(this).text() );
		}
		return false;
	});	
	
	/* Sub sub item */
	$("#productoverzicht li.subsub > h3").click( function()
	{
		if( $("> span", this).hasClass("inklappen") )
		{
			$("span", this).removeClass("inklappen").addClass("uitklappen");
			$("> ul", this.parentNode).hide();
		}
		else
		{
			// Alle links met class inklappen in subsubs, krijgen de class uitklappen
			$("#productoverzicht li.subsub span.inklappen").addClass("uitklappen").removeClass("inklappen");
			
			// Alle de link waar op is geklikt krijgt de class inklappen
			$("> span", this).removeClass("uitklappen").addClass("inklappen");
			
			// Alle blokken in subsub worden ingeklapt
			$("#productoverzicht li.subsub ul").hide();
			
			// Betreffende blok wordt uitgeklapt
			$("> ul", this.parentNode).show();
		}
		return false;
	});	
}

Cufon.replace('#content h1, #productdetail h1, #content h2, #laatste_nieuws h3, #productoverzicht h3, #productdetail h4');