// INSTELLINGEN

var id_van_menu_div = "menu_catering";
var id_van_menu_link = "menulink_catering";

// ************

var pl, pm, tijd;

function findPosX(obj) {
  var curleft = 0;
  if (obj.offsetParent) {
    while (obj.offsetParent) {
      curleft += obj.offsetLeft;
      obj = obj.offsetParent;
    }
  } else if (obj.x) {
    curleft += obj.x;
  }
  return curleft;
}

function findPosY(obj) {
  var curtop = 0;
  if (obj.offsetParent) {
    while (obj.offsetParent) {
      curtop += obj.offsetTop
      obj = obj.offsetParent;
    }
  } else if (obj.y) {
    curtop += obj.y;
  }
  return curtop;
}

function initPopup() {
  pl = document.getElementById(id_van_menu_link);
  pm = document.getElementById(id_van_menu_div);

  closePopup();

  pl.onclick = function(evt) {
    if (tijd) { clearTimeout(tijd); }
    if (!evt) { evt = event; }

    srcObj = evt.srcElement ? evt.srcElement : evt.target;

    var y = findPosY(srcObj) + 20;
    if (pm.offsetHeight + y + 10 > document.body.scrollHeight) { y = y - pm.offsetHeight - 20; }

    var x = findPosX(srcObj) + 20;
    if (pm.offsetWidth + x + 10 > document.body.clientWidth) { x = x - pm.offsetWidth; }

    pm.style.left = x + "px";
    pm.style.top  = y + "px";
    pm.style.visibility = "visible";
    tijd = setTimeout("closePopup()", 5000);
    return false;
  }

  pm.onmouseout = function() { tijd = setTimeout("closePopup()", 500); }
  pm.onmouseover = function() { clearTimeout(tijd); }
}

function closePopup() {
  pm.style.visibility = "hidden";
  pm.style.left = "0px";
  pm.style.top = "0px";
}

function checkPopup() {
  if (document.getElementById(id_van_menu_link)) { initPopup(); }
  else { setTimeout("checkPopup()", 100); }
}
checkPopup();