hideAll = true;

function hideAllPopups() {
  var elms = document.getElementsByTagName("div");
  for(var i=0; i<elms.length; i++) {
    if(elms[i].className == "naviPopUp") {
      elms[i].style.visibility = "hidden";
    }
  }
}

function openPopup(e) {
  hideAllPopups();
  hideAll = false;

  if(document.getElementById("navi").offsetLeft)
    document.getElementById(e.id + "Popup").style.left = e.offsetLeft - document.getElementById("navi").offsetLeft + "px";
  else
    document.getElementById(e.id + "Popup").style.left = e.offsetLeft + "px";
    
  document.getElementById(e.id + "Popup").style.visibility = "visible";
}

function menuMouseOut() {
  hideAll = true;
  setTimeout("checkHide()", 25);
}

function popupHover(e) {
  hideAll = false;
}

function popupMouseOut(el, e) {
  if(mouseOutPopup(el, e)) {
    menuMouseOut();
  }
}

function mouseOutPopup(oThis, e) {
  if (e.relatedTarget) return(e.relatedTarget != oThis && e.relatedTarget.parentNode != oThis);
  return(e.toElement != oThis && e.toElement.parentNode != oThis);
}

function checkHide() {
  if(hideAll) hideAllPopups();
}