// 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="layTooltip" style="position:absolute; visibility: hidden"></div>
	<script language="JavaScript"><!--
	initToolTips(); //--></script>*/
	
var mbNS4 = document.layers;
var mbNS6 = document.getElementById && !document.all;
var mbIE4 = document.all;

var OFFSET_X = 0;
var OFFSET_Y = 20;
var moTTStyle = null;

function initToolTips()
{
	if(mbNS4 || mbNS6 || mbIE4)
	{
		if(mbNS4) {
			moTTStyle = document.layTooltip;
		} else if(mbNS6) {
			moTTStyle = document.getElementById("layTooltip").style;
		} else if(mbIE4) {
			moTTStyle = document.all.layTooltip.style;
		}
		
		if(mbNS4) {
			document.captureEvents(Event.MOUSEMOVE);
		} else {
			moTTStyle.visibility = "visible";
			moTTStyle.display = "none";
		}
		document.onmousemove = moveToMouseLoc;
	}
}

function toolTip(msg, fg, bg)
{
	if(arguments.length < 1)
	{ // pas d'argument: masque l'infobulle
		if(mbNS4) {
			moTTStyle.visibility = "hidden";
		} else {
			moTTStyle.display = "none";
		}
	} else
	{ // sinon affiche l'infobulle
		if(!fg) fg = "#000000";
		if(!bg) bg = "#FFFFCC";
		var content =
			'<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + fg + '"><td>' +
			'<table border="0" cellspacing="0" cellpadding="1" bgcolor="' + bg + 
			'"><td align="center"><font face="sans-serif" color="' + fg +
			'" size="-2">&nbsp\;' + msg + '&nbsp\;</font></td></table></td></table>';
		if(mbNS4)
		{
			moTTStyle.document.write(content);
			moTTStyle.document.close();
			moTTStyle.visibility = "visible";
		}
		if(mbNS6)
		{
			document.getElementById("layTooltip").innerHTML = content;
			moTTStyle.display='block'
		}
		if(mbIE4)
		{
			document.all("layTooltip").innerHTML=content;
			moTTStyle.display='block'
		}
	}
}

function moveToMouseLoc(e)
{
	var x, y;
  if(mbNS4||mbNS6)
  {
    x = e.pageX;
    y = e.pageY;
  }
  else
  {
    x = event.x + document.body.scrollLeft;
    y = event.y + document.body.scrollTop;
  }
  moTTStyle.left = x + OFFSET_X;
  moTTStyle.top = y + OFFSET_Y;
  
  return true;
}
