<!--//
  //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('subnav' + Id);
    this.layer.style.visibility     = 'visible';
    this.layer.style.position     = 'relative';
    
    //geef de "button" een kleurtje
    this.layer              = document.getElementById('nav'+ Id);
    this.layer.style.backgroundColor  = '#ffffff';
    this.layer.style.color        = '#120E5B';
  }

  function navHide(Id)
  {
    if (Id != currentId)
    {
      //verberg de layers
      this.layer              = document.getElementById('subnav' + Id);
      this.layer.style.visibility     = 'hidden';
      this.layer.style.position     = 'absolute';
      
      //geef de "button" weer hun niet actieve kleurtje
      this.layer              = document.getElementById('nav'+ Id);
      this.layer.style.backgroundColor  = '#2E9CAF';
      this.layer.style.color        = '#FFFFFF';
    }
  }

  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('nav'+ Id);
      this.layer.style.color        = "#8B909A";
      
      //geef de "button" een kleurtje
      this.layer              = document.getElementById('nav'+ Id);
      this.layer.style.backgroundColor  = '#FFFFFF';
      this.layer.style.color        = '#120E5B';
    }
  }

  function buttonOut(Id)
  {
    if (currentId != oldId)
    {
      //bij een onmouseout moet de text terug naar de originele kleur
      this.layer              = document.getElementById('nav' + Id);
      this.layer.style.color        = "#000000";
      
      //geef de "button" weer hun niet actieve kleurtje
      this.layer              = document.getElementById('nav' + Id);
      this.layer.style.backgroundColor  = '#2E9CAF';
      this.layer.style.color        = '#FFFFFF';
      
      window.setTimeout('buttonOver("'+Id+'")',timeover);
    }
  }


//-->