var theObj="";
var myX=0;
var myY=0;

function toolTip(TTitle,me,TContent,width,xPos,yPos) {
  theObj=me;
  theObj.onmousemove=updatePos;
  myX=xPos;
  myY=yPos;
  ContentInfo = '<table style="padding:0px 0px 0px 0px; border:none; width:'+width+
  'px;" cellspacing="0" cellpadding="0">'+
	'<tr><td style="padding:0px 0px 3px 0px; border:none; font-size: 11px;">'+TTitle+'</td></tr>'+
	'<tr><td style="padding:0px 0px 0px 0px; border:none;">'+TContent+'</td></tr>'+
	'</table>';
  document.getElementById('toolTipBox').innerHTML=ContentInfo;
  document.getElementById('toolTipBox').style.display="block";
  window.onscroll=updatePos;
}

function updatePos() {
  var ev=arguments[0]?arguments[0]:event;
  var x=ev.clientX;
  var y=ev.clientY;
  diffX=myX;
  diffY=myY;
  document.getElementById('toolTipBox').style.top  = y-2+diffY+document.body.scrollTop+"px";
  document.getElementById('toolTipBox').style.left = x-2+diffX+document.body.scrollLeft+"px";
  theObj.onmouseout=hideMe;
}
function hideMe() {
  document.getElementById('toolTipBox').style.display="none";
}