function findPos(obj) {
  var curleft = 0;
  var curtop = 0;
  if (obj.offsetParent) {
    curleft = obj.offsetLeft
      curtop = obj.offsetTop
      while (obj = obj.offsetParent) {
	curleft += obj.offsetLeft
	curtop += obj.offsetTop
      }
  }
  return [curleft,curtop];
}

function showBox(txt, btn){
  pos = findPos(btn);
  document.getElementById('earmarksInfoBox').innerHTML=txt + "<br/><b>(Click on this box to close)</b>";
  document.getElementById('earmarksInfoBox').style.left=pos[0] + 'px';
  document.getElementById('earmarksInfoBox').style.top=pos[1] + 'px';
  document.getElementById('earmarksInfoBox').style.visibility= 'visible';
  document.getElementById('earmarksInfoBox').style.display='';
}
function showBox2(txt, btn){
  pos = findPos(btn);
  document.getElementById('earmarksInfoBox2').innerHTML=txt;
  document.getElementById('earmarksInfoBox2').style.left=pos[0] + 'px';
  document.getElementById('earmarksInfoBox2').style.top=pos[1] + 'px';
  document.getElementById('earmarksInfoBox2').style.visibility= 'visible';
  document.getElementById('earmarksInfoBox2').style.display='';
}
function hideElement(el){
  el.style.display='none';
  el.style.visibility='hidden';
}