var zzCurBalloonText = "";

function CreatePopupBalloon()
{
  document.write('<div id="popupBalloon" onclick="CloseBalloonAlert()" style="top:0;left:0;display:none;position:absolute;">');
  
  
  document.write('<div id="popupBalloonText" style="background-color:#74a8f4;padding:10px;margin:0px"></div>');

  document.write('<div style="text-align:center;background:url(balloon/bal_ct.gif) no-repeat 50% 0;padding:px;margin:0px">&nbsp;</div>');
  document.write('</div>');
}



function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }

function DisplayBalloonAlert(txt, fld)
{
  if(zzCurBalloonText == txt)
  {
    CloseBalloonAlert();
	document.getElementById('popupBalloonText').innerHTML = "";
	zzCurBalloonText = "";
  }
  else
  {
	  document.getElementById('popupBalloonText').innerHTML = txt;
	  zzCurBalloonText = txt;
	  xpos = findPosX(fld);
	  ypos = findPosY(fld);
	  vB = document.getElementById('popupBalloon');
	  vB.style.width = "";
	  vB.style.display = 'block';
	  //alert(vB.clientWidth);
	  if(vB.clientWidth > 150)
	    vB.style.width = "150px"
	  
	  ypos = ypos - vB.clientHeight - 9;
	  
	  vB.style.top = ypos + "px";
	  vB.style.left = xpos + "px";
  }
}

function CloseBalloonAlert()
{
  vB = document.getElementById('popupBalloon')
  vB.style.display = 'none';
}

CreatePopupBalloon();