function initMenus() {
	
	$('ul.menu ul').hide();
	
	//eerste openen aan of uit
	$('ul.menu > li > a.m1').addClass('rood');
	$('ul.menu li a.m1').next().show();
	aktieveClass = "m1";
	prevAktieveClass = aktieveClass;

	
	
	$('ul.menu li a').click(
		function(event) {
			
			
			//eventueel gewone links uitschakelen
			event.preventDefault();
			
			//hoogste niveau
			if(($(this).next().is('ul')) && (!$(this).next().is(':visible'))) {
				$('#menu1 ul:visible').slideUp('normal');
				$(this).next().slideDown('normal');
				
				//verwijderen
				$('ul.menu li a.rood').removeClass('rood');
				
				//menu-aktief aanduiding maken
				$(this).addClass('rood');
				
				//voor het dichtklappen
				aktieveClass = $(this).getActieveClass();
				prevAktieveClass = aktieveClass;
				
				return false;
			}
			
			
			if (!$(this).next().is(':visible'))	{
			
				//vorige aktive submenu uit
				$('ul.menu li ul li a.rood').removeClass('rood');
				
				//menu-aktief aanduiding maken
				$(this).addClass('rood');
				
				//feyenoord call zie html pagina history
				//$('#detailsDisplay').load('getDetails.php', { style: this.id });
				
				var hash = this.href;
				hash = hash.replace(/^.*#/, '');
				
				
				//safari 2 niet met history (safari 2 version is bijv. 418.8
				if($.browser.safari && $.browser.version.substr(0,1) == "4") {
					$('#detailsDisplay').load('getDetails.php', { style: hash });
				} else {
					$.history.load(hash);	
				}
				
				return false;

			}	
		
		
		}
		
	);
	

}


	//juiste menukeuze backbutton
	function selectMenu(hash) {
	
			// eerst aktieve class bepalen
			aktieveClass = $("ul.menu li a[href$=#" + hash + "]").getActieveClass();
		
			if (aktieveClass != prevAktieveClass) {
				// vorige parent uit en sub-menuitems verbergen
				if ($("ul.menu > li > a").hasClass(aktieveClass)) {
					$("ul.menu > li > a").removeClass('rood');
					$("ul.menu ul").slideUp('normal');
				}
				
				$("ul.menu > li > a." + aktieveClass).addClass('rood');
			}
			
			// vorige sub-menu-item uit
			$("ul.menu li a[href$=#" + myprevHash + "]").removeClass('rood');
			myprevHash = hash;
			
			// huidige sub-menu-item aan
			$("ul.menu li a[href$=#" + hash + "]").addClass('rood');			
			
			//huidige sub-menuitems tonen
			if (aktieveClass != prevAktieveClass) {
				$("ul.menu li a[href$=#" + hash + "]").parent().parent().slideDown('normal');
			}
			
			prevAktieveClass = aktieveClass;
			
	 }

	 
	
	// functie om de aktieve class te bepalen
	$.fn.getActieveClass = function() {
	
		if (aktieveClass = this.attr("className")) {
			aktieveClass = aktieveClass.split(" ");
			aktieveClass = aktieveClass[0];
			return aktieveClass;
		} 
	}



$(document).ready(function() {initMenus();});