<!--//
	//auteur: J.O.
	//created: 12-05-2005
	//modified: 22-07-2005
	//delayed navigation

	timeover = 500;		// Edit, dit is de vertraging van het menu.
	
	function navVisible(Id)
	{
		//laat de layers zien
		this.layer							= document.getElementById('pijler'+ Id);
		this.layer.style.visibility			= 'visible';
		this.layer.style.position			= 'relative';
		
		//geef de "button" een kleurtje
		this.layer							= document.getElementById('navpijler'+ Id);
		this.layer.style.backgroundColor	= '#ffffff';
		this.layer.style.color				= '#CC0000';
	}

	function navHide(Id)
	{
		if (Id != currentId)
		{
			//verberg de layers
			this.layer							= document.getElementById('pijler'+ Id);
			this.layer.style.visibility			= 'hidden';
			this.layer.style.position			= 'absolute';
			
			//geef de "button" weer hun niet actieve kleurtje
			this.layer							= document.getElementById('navpijler'+ Id);
			this.layer.style.backgroundColor	= '#1E3D74';
			this.layer.style.color				= '#C7CEDC';
		}
	}

	function navOver(Id)
	{
		currentId = Id;
		buttonOver(Id);
		changeNav(Id,'over',timeover)
		status = 'over';
	}

	function navOut(Id)
	{
		buttonOut(Id);
		changeNav(Id,'out',timeout);
		status = 'out';
	}
	
	function changeNav(Id,action,delay)
	{
		window.setTimeout('changeNavAfterDelay("'+ Id +'","'+ action +'")',delay);
	}
	
	function changeNavAfterDelay(Id,action)
	{
		if ((action == 'over') && (Id == currentId))
		{
			navHide(oldId);
			oldId = Id;
			navVisible(Id);
		}
		if (action == 'out')
		{
			window.setTimeout('returnToDefault()',timeover);
		}
	}
	
	function returnToDefault()
	{
		if (status == "out")
		{
			currentId = defaultId;
			changeNavAfterDelay(defaultId,'over');
		}
	}
	
	function buttonOver(Id)
	{
		if (Id == currentId)
		{
			//bij een onmouseover moet de text grijs worden
			this.layer							= document.getElementById('navpijler'+ Id);
			this.layer.style.color				= "#8B909A";
			
			//geef de "button" een kleurtje
			this.layer							= document.getElementById('navpijler'+ Id);
			this.layer.style.backgroundColor	= '#ffffff';
			this.layer.style.color				= '#CC0000';
		}
	}

	function buttonOut(Id)
	{
		if (currentId != oldId)
		{
			//bij een onmouseout moet de text terug naar de originele kleur
			this.layer							= document.getElementById('navpijler'+ Id);
			this.layer.style.color				= "#cc0000";
			
			//geef de "button" weer hun niet actieve kleurtje
			this.layer							= document.getElementById('navpijler'+ Id);
			this.layer.style.backgroundColor	= '#1E3D74';
			this.layer.style.color				= '#C7CEDC';
			
			window.setTimeout('buttonOver("'+Id+'")',timeover);
		}
	}


//-->