function hideToolTip()
  {
   if( document.getElementById( "toolTipID" ) != null )
    document.body.removeChild( document.getElementById( "toolTipID" ) );
  }
      
 function showToolTip( e, id, text )
  {
    var _div = document.createElement( "div" );
    var posx = 0;
    var posy = 0;

    _div.id = "toolTipID";
    
    //styles
    _div.style.backgroundColor = "#FbFFDa";
    _div.style.border = "solid 1px #000";
    _div.style.padding = "2px";
    _div.style.font = "12px MS Sans Serif";
    //_div.style.textAlign = "left";
    
    //position
    _div.style.position = "absolute";
    _div.style.width = 250 + "px";
   
    if (e.pageX || e.pageY)
    {
	    posx = e.pageX + "px";
	    posy = e.pageY - 100 + "px";
    }
    else if (e.clientX || e.clientY)
    {
	    posx = e.clientX + "px";
	    posy = e.clientY + "px";
    }
    
     _div.style.top = posy;
     _div.style.left = posx;

    _div.innerHTML = text;
    
    document.body.appendChild( _div );
  }