// JavaScript Document

function Node(obRef)
{
   this.obRef=obRef;
   this.timeRef=null;
}
myNodes=new Array();

function isParent(kind, ouder)
{
   oudere=kind.parentNode;
   do
   {
      oudere=oudere.parentNode;
      if (oudere==ouder)
      {
         return true;
      }
   }
   while (oudere.nodeName!='BODY')
   return false;
}

function showSub(showNode)
{
   if (isNaN(showNode.rIndex))
   {
      showNode.rIndex=myNodes.length;
      myNodes[showNode.rIndex]=new Node(showNode);
   }
   else
   {
      clearTimeout(myNodes[showNode.rIndex].timeRef);
   }
   temp='';
   for (i in myNodes)
   {
      if (!isParent(myNodes[i].obRef, showNode))
      {
         clearTimeout(myNodes[i].timeRef);
         doHide(myNodes[i].obRef);
      }
   }
   for (i in showNode.childNodes)
   {
      if (showNode.childNodes[i].nodeType==1)
      {
         showNode.childNodes[i].style.display='block';
      }
   }
}

function hideSub(hideNode)
{
   myNodes[hideNode.rIndex].timeRef=setTimeout('doHide(myNodes['+hideNode.rIndex+'].obRef)', 500);
}

function doHide(doNode)
{
   for (i in doNode.childNodes)
   {
      if (doNode.childNodes[i].nodeType==1 && doNode.childNodes[i].nodeName=='UL')
      {
         doNode.childNodes[i].style.display='none';
      }
   }
}
window.onload=function()
{
   var li = document.getElementById('menu_MATERIAAL').getElementsByTagName('li');
   var li2 = document.getElementById('menu_VAKMANSCHAP').getElementsByTagName('li');
   var ul;
   var ul2;
   
   for (i in li2)
   {
      if(!isNaN(i))
      {
         ul2 = li2[i].childNodes;
         for(j in ul2)
         {
            if(ul2[j].nodeName == 'UL')
            {
               ul2[j].className = li2[i].className = 'sub';
               li2[i].onmouseover = function ()
               {
                  showSub(this);
               }
               li2[i].onmouseout = function ()
               {
                  hideSub(this);
               }
            }
         }
      }
   }
   
   for (i in li)
   {
      if(!isNaN(i))
      {
         ul = li[i].childNodes;
         for(j in ul)
         {
            if(ul[j].nodeName == 'UL')
            {
               ul[j].className = li[i].className = 'sub';
               li[i].onmouseover = function ()
               {
                  showSub(this);
               }
               li[i].onmouseout = function ()
               {
                  hideSub(this);
               }
            }
         }
      }
   }
}