﻿function displayPopup(mouseOverElId, popupElId) {
   var elPos = getElementPosition(mouseOverElId);
   var popupEl = document.getElementById(popupElId);
   // If you need to adjust the position, use statements below
   popupEl.style.top = (elPos.top - 250) + "px";
   popupEl.style.left = (elPos.left - 65) + "px";
  showEl(popupElId);
}

function getElementPosition(elId) {
  var el = document.getElementById(elId);
  var oLeft = el.offsetLeft;
  var oTop = el.offsetTop;      
  while (el.offsetParent != null) {
    oParent = el.offsetParent;
    oLeft += oParent.offsetLeft;
    oTop += oParent.offsetTop;
    el = oParent;
  }
  return {left:oLeft, top:oTop};
}

function showEl(element) {
  var el = document.getElementById(element);
  if (el) el.style.display = "block";
}

function hideEl(element) {
  var el = document.getElementById(element);
  if (el) el.style.display = "none";
}