// | *
  // | *  Element Position
  // | *
  var isNav, isIE, isNavMac, isIEMac, isSafariMac, isFirefoxMac;

  if (parseInt(navigator.appVersion) >= 4)
  {
    //alert(navigator.appName +  " " + navigator.appVersion );
    if (navigator.appName == "Netscape")
    {
        isNav = true
        if( navigator.appVersion.match("Mac") )
        {
            isNavMac = true;
            //alert("NavMac");
        }
    }

    if (navigator.appName == "Microsoft Internet Explorer")
    {
        isIE = true
        if( navigator.appVersion.match("Mac") )
        {
            isIEMac = true;
        }
    }

  }


  if( navigator.appVersion.match("Mac") && navigator.appVersion.match("Safari") )
  {
      isSafariMac = true;
  }

  if( navigator.appVersion.match("Mac") && navigator.appVersion.match("Firefox") )
  {
      isFirefoxMac = true;
  }

  function getElementPosition(elemID)
  {
      var offsetTrail = document.getElementById(elemID);
      var offsetLeft = 0;
      var offsetTop = 0;
      while (offsetTrail)
      {
          offsetLeft += offsetTrail.offsetLeft;
          offsetTop += offsetTrail.offsetTop;
          offsetTrail = offsetTrail.offsetParent;
      }
      if (navigator.userAgent.indexOf("Mac") != -1 &&
          typeof document.body.leftMargin != "undefined")
      {
          offsetLeft += document.body.leftMargin;
          offsetTop += document.body.topMargin;
      }

      //if( navigator.userAgent.indexOf("Mac") != -1 )
      if( (isIEMac || isSafariMac) )
      {
          //alert('Updating');
          offsetLeft = offsetLeft / 10;
          offsetTop  = offsetTop  / 10;
      }

      return {left:offsetLeft, top:offsetTop};
  }


 function show_phone(from, img) 
 {
      var pos = getElementPosition(from);
      var top = pos['top'] + 5;
      var left = pos['left']+15;

      var target = document.getElementById('box_'+from);
      target.innerHTML = '<img border=0 align="center" src="'+img+'" />';
      //target.style.top = top;
      //target.style.left = left;
//      target.style.border = '1px solid black';
      target.style.display = '';
    //  alert('top is '+top+' left is '+left);
 }

function hide_phone(id)
{
       document.getElementById('box_'+id).style.display = 'none';
}

function hide_phones()
{
       document.getElementById('phone_box').style.display = 'none';
}