var menuids=new Array("menu_block") //Enter id(s) of UL menus, separated by commas
var submenuoffset=-2 //Offset of submenus from main menu. Default is -2 pixels.

var gMenu = null;
var menuStyle = null;
var gTimer = null;

function createcssmenu(){
  for (var i=0; i<menuids.length; i++){
    var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
    for (var t=0; t<ultags.length; t++) {
      ultags[t].parentNode.onmouseover=function() {
        menuDropDown(this.getElementsByTagName("ul"), true);
      }
      ultags[t].parentNode.onmouseout=function() {
        menuDropDown(this.getElementsByTagName("ul"), false);
      }
    }
  }
}

/* Sluit open menu's met evt. vertraging
 * params
 *   menu:      het weer te geven menu
 *   mouseover: mouseover of mouseout?
 */
function menuDropDown(menu, mouseover) {
  menu = menu[0]; // geeft een array, met op het moment altijd maar één item
  if (menu != gMenu) {
    if (gMenu)
      menuStyle.display = 'none'; // het vorige menu-item verbergen

    if (!menu) return; // nog wel even het vorige menu verbergen, maar niet verder

    gMenu = menu;
  }
  if (!menu) return;

  menuStyle = menu.style;

  if (mouseover) {
    menuStyle.display = 'block';
    menuStyle.left = menu.parentNode.offsetWidth+submenuoffset+3+"px";
    clearTimeout(gTimer);
  } else {
    gTimer = setTimeout('menuStyle.display = "none";', 100);
  }
}

if (window.addEventListener)
  window.addEventListener("load", createcssmenu, false)
else if (window.attachEvent)
  window.attachEvent("onload", createcssmenu)

var counter = 1;
function debug(value){
  var ref = document.getElementById('debug');

  ref.innerHTML += "<br />[" +counter+ "]- " + value;
  counter++;
}
function clearDebug(){
  document.getElementById('debug').innerHTML = '';
  counter = 1;
}