/* Example:
 <BODY>
 <div id=toolTipLayer style="position:absolute; visibility: hidden; z-index:1; filter = \'alpha(opacity=75)\';"></div>
 <script language="JavaScript" src=xl_tip.js></script>
 ...
 <span onMouseOver="xl_tip('±êÇ©ÎÄ×Ö');" onMouseOut ="xl_tip();">hello,world</a>
 ...
*/

var ns4 = document.layers;
var ns6 = document.getElementById && !document.all;
var ie4 = document.all;
var offsetX = 0;
var 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 showToolTip(content){
  if(content==null) { // hide: note - function ... showToolTip.arguments ... 
    if(ns4) toolTipSTYLE.visibility = "hidden";
    else toolTipSTYLE.display = "none";
  } else { // show
    if(ns4){
      toolTipSTYLE.document.write(content);
      toolTipSTYLE.document.close();
      toolTipSTYLE.visibility = "visible";
    }
    if(ns6){
      document.getElementById("toolTipLayer").innerHTML = content;
      toolTipSTYLE.display='block'
    }
    if(ie4){
      document.all("toolTipLayer").innerHTML=content;
      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;
  }
  toolTipSTYLE.left = x + offsetX;
  toolTipSTYLE.top = y + offsetY;
  return true;
}

function xl_tip(msgName){
    if(msgName!=null){
    	var	content='<table style="border:1px solid #0000FF;background-color:#FFFFDD;color:#FF3300;font-size:12px;"><tr><td>'+msgName+'<br>'+'</td></tr></table>';
		showToolTip(content);    
    }else{
    	showToolTip();
    }
}

initToolTips(); 
