// JavaScript Document
<!--
	function variabel()
	{
		//Variabele waarden van menu
					
		var neutralekleur = '#FFFFCC';
		var selectiekleur = '#FFFFCC';
		
		var a = new Array(2);
		a[0] = neutralekleur;
		a[1] = selectiekleur;
		
		return a;
	}
	
	function openen(id)
	{
		//opent OF SLUIT submenu's
			
		variabelen = variabel();
		
		var neutralekleur = variabelen[0];
		var selectiekleur = variabelen[1];
		
		//link leggen met submenu
		
		var subid = id+'x';
		var submenu = document.getElementById(subid);
		var display = submenu.style.display;
		
		//als submenu dicht is: openen. Anders sluiten
		
		if (display == '' || display == 'none')
		{
			//submenu is gesloten --> openen
		
			submenu.style.display = 'block';
			
			//alle <ul>s sluiten die niet hieronder vallen. 
			//ID overzetten in array en verdelen in stukken die voor <ul>s staan. Die <ul>s moeten zichtbaar blijven
			
			id += '';		//string maken anders werkt .length niet (want is een stringfunctie)
			
			var ids = new Array(id.length/2);
			var arrayindex = 0;
			
			for (var i = 0; i<= id.length; i+=2)
			{
				var s = id.substring(0,i);
				ids[arrayindex] = s;
				arrayindex++;	
			}
			
			//alle <ul>s (behalve hoogste niveau = <ul> met ID X ) ophalen
					
			var ulx = document.getElementById('x');
			var uls = ulx.getElementsByTagName('ul');
			
			//alle <ul>s met een ID die niet in array staat verbergen (display wordt none)
			
			for (var i = 0; i < uls.length; i++)
			{
				var ul = uls[i];
				var display = ul.style.display;
				
				if (display == 'block')
				{					
					var ulid = ul.id;
					ulid = ulid.substring(0,ulid.length-1);
					ulid = ulid + '';
																	
					if (zoek(ids,ulid)=='nee' )
					{
						ul.style.display = 'none';
						
						//kopkleur weghalen (volgkleur)
						aid = 'a' + ulid;
						var a = document.getElementById(aid);
						a.style.backgroundColor = neutralekleur;
					}									
				}
			}
			
			//kop uitklapmenu kleuren (=ID)(volgkleur)
			
			var a = document.getElementById('a' + id);
			a.style.backgroundColor = selectiekleur;	
		}
		else
		{
			//submenu is open
								
			//alle <ul>s waarvan het ID begint met (gedeelte van) parameter-id sluiten
			
			var ulx = document.getElementById('x');
			var uls = ulx.getElementsByTagName('ul');
			
			for (var i = 0; i < uls.length; i++)
			{				
				var ul = uls[i];
				
				var display = ul.style.display;
				
				if (display == 'block')
				{									
					var ulid = ul.id;
					ulid += '';
					id += '';
					
					//ID van de <ul> strippen zodat lengte gelijk is aan parameter-ID
					ulidgestript = ulid.substring(0,id.length);
					
					//als gestripte ID gelijk is aan parameter-ID betekent dat dat<ul> een submenu is en dus gesloten moet worden
					if (ulidgestript == id)
					{
						//sluit <ul> (submenu)
						ul.style.display = 'none';
						
						//kleur van de <a> in de <li>, die boven gesloten <ul> stond, weghalen (volgkleur)
						
						var aid = 'a' + ulid.substring(0,ulid.length-1);
						var a = document.getElementById(aid);
						a.style.backgroundColor = neutralekleur;
						
					}
				}
			}		
			
			return false;
		}		
	}
	
	function start(id)
	{
		//bouwt menu op t/m id v/d cel
		
		variabelen = variabel();
		
		var selectiekleur = variabelen[1];
		
		
		id+='';
		var lengte = id.length;
		
		//ID strippen met stappen van 2 --> Dat gedeelte plus 'x' is de <ul> (submenu) dat geopend wordt
		//Doorgaan zolang i < lengte: Want als i gelijk is aan lengte wordt een submenu te laag geopend: bijvoorbeeld openen cel 1101; Dat is <ul> 11x en niet 1101x			
		
		for ( var i = 2; i < lengte; i += 2)
		{
			var id2 = id.substring(0,i);
							
			var ulid = id2 + 'x';
			var ul = document.getElementById(ulid);
			ul.style.display = 'block';
			
			//kleuren volgpad
			
			var linkid = 'a' + id2;
			var a = document.getElementById(linkid);
			a.style.backgroundColor = selectiekleur;						
		}
		
		//kleuren eindcel
		
		var a = document.getElementById('a' + id);
		a.style.backgroundColor = selectiekleur;
	}
-->