// JavaScript Document
//<![CDATA[
   var liIndex 				= 0;
   var activeMenuItem 		= new Array();
   var timeBeforeAutoHide 	= 200; // Microseconds from mouse leaves menu to auto hide.
   var menuActive 			= true;
   var hideTimer 			= 0;


   function showHideSub() {

	  if(this.className.indexOf('over')<0)this.className = this.className + ' over';
      if(activeMenuItem[this.getAttribute('currentDepth')] && activeMenuItem[this.getAttribute('currentDepth')]!=this){
         activeMenuItem[this.getAttribute('currentDepth')].className=activeMenuItem[this.getAttribute('currentDepth')].className.replace(/over/,'');
      }
      activeMenuItem[this.getAttribute('currentDepth')] = this;
   }

   function mouseOverMenu()
   {
      menuActive = true;
   }

   function mouseOutMenu()
   {
      menuActive = false;
      timerAutoHide();
   }

   function timerAutoHide()
   {
      if(menuActive){
         hideTimer = 0;
         return;
      }

      if(hideTimer<timeBeforeAutoHide){
         hideTimer+=100;
         setTimeout('timerAutoHide()',99);
      }else{
         hideTimer = 0;
         autohideMenuItems();
      }
   }

   function autohideMenuItems()
   {
      if(!menuActive){
	      for(var no=0;no<activeMenuItem.length;no++){
	      	 if(activeMenuItem[no])activeMenuItem[no].className=activeMenuItem[no].className.replace(/over/,'');
	      }
      }
   }


   function initSubMenus(inputObj, currentDepth) {
	  activeMenuItem[currentDepth] = false;
      var subUl = inputObj.getElementsByTagName('UL');
      if(subUl.length>0){
         var ul = subUl[0];
         var li = ul.getElementsByTagName('LI')[0];
         while(li){
            if(li.tagName=='LI'){
               liIndex++;
               var uls = li.getElementsByTagName('UL');
               li.onmouseover = showHideSub;
			   li.setAttribute('currentDepth' ,currentDepth);

               if(uls.length>0){
                  initSubMenus(li, currentDepth+1);
               }
            }
            li = li.nextSibling;
         }
      }
   }


   /*
   Initializing menu
   */
   function initMenu() {
      var mainMenu = document.getElementById('menu').getElementsByTagName('UL')[0];
      mainMenu.onmouseover = mouseOverMenu;
      mainMenu.onmouseout = mouseOutMenu;

      var mainMenuItemsArray = new Array();
      var mainMenuItem = mainMenu.getElementsByTagName('LI')[0];
      while(mainMenuItem){
         mainMenuItem.onmouseover = showHideSub;
         liIndex++;
         if(mainMenuItem.tagName=='LI'){
            mainMenuItemsArray[mainMenuItemsArray.length] = mainMenuItem;
            initSubMenus(mainMenuItem,0);
         }
         mainMenuItem = mainMenuItem.nextSibling;
      }
	  activeMenuItem[0] = false;
      for(var no=0;no<mainMenuItemsArray.length;no++){
      	 mainMenuItemsArray[no].setAttribute('currentDepth',0);
         initSubMenus(mainMenuItemsArray[no],1);
      }
   }
   window.onload = initMenu;




//menu fix
$(function(){

	if(document.getElementById('menu')) {
		var menu = document.getElementById('menu');
		var divWidth = menu.offsetWidth-50;
		var menuitems = menu.getElementsByTagName('li');
		var menuWidth = 0;
		for (var i=0; i<menuitems.length; i++){
			menuWidth = menuWidth + menuitems[i].offsetWidth;
		}
		if (typeof document.body.style.maxHeight != "undefined") {
			menuWidth = menuWidth+ 50;
		}
		if(menuWidth > 0 && menuWidth < divWidth) {
			menu.getElementsByTagName('ul')[0].style.marginLeft = ((divWidth-menuWidth)/2)+'px';
		}
	}

	$("#menu").mouseover(function(){$(this).css('zIndex', 10); $('#animatieholder').css('zIndex',0)}).mouseout(function(){$(this).css('zIndex',0);$('#animatieholder').css('zIndex',10)});
})
//menu fix

//]]>