<!--//

 timeover = 250; // Menuvertraging in milliseconden
	
 function navVisible(Id)
 {
    // toon onderdelen
    this.layer = document.getElementById('navOnd'+ Id);
    this.layer.style.visibility	= 'visible';
    this.layer.style.position = 'relative';
		
    // activeren categorie
    this.layer = document.getElementById('navCat'+ Id);
    this.layer.style.backgroundColor = '#ffffff';
    this.layer.style.color  = '#CC0000';
 }

 function navHide(Id)
 {
    if (Id != currentId)
    {
       // verberg onderdelen
       this.layer = document.getElementById('navOnd'+ Id);
       this.layer.style.visibility = 'hidden';
       this.layer.style.position = 'absolute';
			
       // deactiveren categorie
       this.layer = document.getElementById('navCat'+ 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('navCat'+ Id);

       this.layer.style.color = "#8B909A";
         

       //geef de "button" een kleurtje

       this.layer = document.getElementById('navCat'+ 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('navCat'+ Id);

       this.layer.style.color = "#cc0000";
			

       //geef de "button" weer hun niet actieve kleurtje

       this.layer = document.getElementById('navCat'+ Id);

       this.layer.style.backgroundColor	= '#1E3D74';

       this.layer.style.color = '#C7CEDC';
			

       window.setTimeout('buttonOver("'+Id+'")',timeover);

    }
 }


//-->