// JavaScript Document

// Example:
// onMouseOver="toolTip('tool tip text here')";
// onMouseOut="toolTip()";
// -or-
// onMouseOver="toolTip('more good stuff', '#FFFF00', 'orange')";
// onMouseOut="toolTip()"; 
// MOVE this to the <body>:
//<div id="toolTipLayer" style="position:absolute; visibility: hidden"></div>
// <script language="JavaScript"><!--
// initToolTips(); //-->

var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;
offsetX = 0;
offsetY = 20;
var toolTipSTYLE="";
function initToolTips()
{
  if(ns4||ns6||ie4)
  {
    if(ns4) toolTipSTYLE = document.toolTipLayer;
    else if(ns6) toolTipSTYLE = document.getElementById("toolTipLayer").style;
    else if(ie4) toolTipSTYLE = document.all.toolTipLayer.style;
    if(ns4) document.captureEvents(Event.MOUSEMOVE);
    else
    {
      toolTipSTYLE.visibility = "visible";
      toolTipSTYLE.display = "none";
    }
    document.onmousemove = moveToMouseLoc;
  }
}
function toolTip(tleft, ttop, twidth, theight, msg, fg, bg)
{
 
 // To set background of the table. You can the Background image of table by give bg as argument
  
  var tablebackground = "background:" ;
  tablebackground += "url(" + bg + ")";
    
	if(toolTip.arguments.length < 1) // hide
  {
    if(ns4) toolTipSTYLE.visibility = "hidden";
    else toolTipSTYLE.display = "none";
  }
  else // show
  {
    //if(!fg) fg = "#777777";
    //if(!bg) bg = "#FFFFFF";
    var content =
    '<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg + '"><td>' +
    '<table width="' + twidth + '" border="1" cellspacing="0" cellpadding="4" style=" '+ tablebackground+' "><td align="left" valign="top" height=" ' + theight +' "><font color="' + fg+ '" style="font-family : Verdana, Arial, Geneva, Lucida ; font-size : 10px; " >' + msg + '</font></td></table></td></table>';
	 
	 if(ns4)
    {
      toolTipSTYLE.document.write(content);
      toolTipSTYLE.document.close();
	  document.toolTipSTYLE.left = tleft;
	  document.toolTipSTYLE.top = ttop;
      toolTipSTYLE.visibility = "visible";
    }
    if(ns6)
    {
      document.getElementById("toolTipLayer").innerHTML = content;
	  document.getElementById('toolTipLayer').style.left = tleft;
	  document.getElementById('toolTipLayer').style.top = ttop;
      toolTipSTYLE.display='block'
    }
    if(ie4)
    {
      document.all("toolTipLayer").innerHTML=content;
	  document.all['toolTipLayer'].style.left = tleft;
	  document.all['toolTipLayer'].style.top = ttop;
      toolTipSTYLE.display='block'
    }
  }
}
function moveToMouseLoc(e)
{
  if(ns4||ns6)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else
  {
    x = event.x + document.body.scrollLeft;
    y = event.y + document.body.scrollTop;
  }
  if( x > 900 )	
	x -= 250;
  toolTipSTYLE.left = x + offsetX;
  toolTipSTYLE.top = y + offsetY;
  return true;
}


