var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0

if(ns){doc = "document."; sty = ""}
if(ie){doc = "document.all."; sty = ".style"}

var initialize = 0
var Ex, Ey, colorBG, ContentInfo

if(ie)
{
  Ex = "event.x"
  Ey = "event.y"
  colorBG = "#e3e3e8"
}

if(ns)
{
  Ex = "e.pageX"
  Ey = "e.pageY"
  window.captureEvents(Event.MOUSEMOVE)
  window.onmousemove=overhere
  colorBG = "#e3e3e8"
}


function MoveToolTip(layerName, FromTop, FromLeft, e)
{
  if(ie){eval(doc + layerName + sty + ".top = "  + (eval(FromTop) + document.body.scrollTop))}
  if(ns){eval(doc + layerName + sty + ".top = "  +  eval(FromTop))}
  eval(doc + layerName + sty + ".left = " + (eval(FromLeft) + 15))
}


function ReplaceContent(layerName)
{
  if(ie)
  {
  	document.all[layerName].innerHTML = ContentInfo;
  }

  if(ns)
  {
  	with(document.layers[layerName].document)
    {
     open();
     write(ContentInfo);
     close();
    }
  }
}
		  
function Activate(){initialize=1}
function deActivate(){initialize=0}


function overhere(e)
{
  if(initialize)
  {
    MoveToolTip("ToolTip", Ey, Ex, e)
    eval(doc + "ToolTip" + sty + ".visibility = 'visible'")
  }
  else
  {
    MoveToolTip("ToolTip", 0, 0)
    eval(doc + "ToolTip" + sty + ".visibility = 'hidden'")
  }
}

function EnterContent(layerName,TContent)
{		    
  var tblWidth = TContent.length 
  		    
  ContentInfo = 
    '<table border="1" width="+tblWidth+px" " cellspacing="0" cellpadding="2"  align="left" bordercolor="#4c6bac">'+
    '<tr bgcolor='+colorBG+'><td bgcolor='+colorBG+'>'+
    '<font class="tooltipcontent">'+TContent+'</font>'+
    '</td></tr>'+
    '</table>';

  ReplaceContent(layerName)
}