window.onload = function() {
  pageInit();

  // Get the Join Now box
  var el = document.getElementById("joinNowBox");
  el.onclick = function hidebox() {document.getElementById("joinNowBox").style.display = 'none';};
}


function pageInit() {
  var el = document.getElementById("joinNowLink");

  if (el) {
    el.onmouseover = showJoinNowBox;
    el.onmouseout  = hideJoinNowBox;
  }

}

function showJoinNowBox() {
  var elBox  = document.getElementById("joinNowBox");
  var elLink = document.getElementById("joinNowLink");

  // move it
  elBox.style.left = findPosX(elLink) - 240 ;
  elBox.style.top  = findPosY(elLink) - 130;

  elBox.style.display = '';
}
function hideJoinNowBox() {
  document.getElementById("joinNowBox").style.display = 'none';
}


// Thanks Quirksmode.org...
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;
}