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 bheloout(){
	var bal = document.getElementById("balloon");
	bal.style.display= 'none';
}

function bhelpover(d, desc){

	var elm = d;
	var txt = desc;
	var bal = document.getElementById("balloon");
	bal.style.display= 'block';

	var html="";
	html=html+"<table width='125' border='0' cellspacing='0' cellpadding='0'>";
	html=html+"<tr>";
	html=html+"<td colspan='3'><img src='theme/fairy/balloon_top.gif'></td>";
  html=html+"</tr>";
  html=html+"<tr>";
  html=html+"<td width='4' background='theme/fairy/balloon_left.gif'></td>";
  html=html+"<td width='117' class='balloon_desc'>";
	html=html+txt;
	html=html+"</td>";
  html=html+"<td width='4' background='theme/fairy/balloon_right.gif'></td>";
	html=html+"</tr>";
  html=html+"<tr>";
  html=html+"<td colspan='3'><img src='theme/fairy/balloon_bottom.gif''></td>";
  html=html+"</tr>";
	html=html+"</table>";

	bal.innerHTML=html;
  var ox=findPosX(elm);
  var oy=findPosY(elm);

  bal.style.left=ox;
  bal.style.top=oy+elm.height+10;

}