// create the tooltip object

function tooltip(){}



// setup properties of tooltip object

tooltip.id="tooltip";

tooltip.offsetx = 30;

tooltip.offsety = 10;

tooltip.x = 0;

tooltip.y = 0;

tooltip.snow = 0;

tooltip.tooltipElement=null;

tooltip.saveonmouseover=null;

tooltip.ie4 = (document.all)? true:false;		// check if ie4

tooltip.ie5 = false;

if(tooltip.ie4) tooltip.ie5 = (navigator.userAgent.indexOf('MSIE 5')>0 || navigator.userAgent.indexOf('MSIE 6')>0);

tooltip.dom2 = ((document.getElementById) && !(tooltip.ie4||tooltip.ie5))? true:false; // check the W3C DOM level2 compliance. ie4, ie5, ns4 are not dom level2 compliance !! grrrr >:-(





/**

* Open ToolTip. The title attribute of the htmlelement is the text of the tooltip

* Call this method on the mouseover event on your htmlelement

* ex :  <div id="myHtmlElement" onmouseover="tooltip.show(this)"...></div>

*/

tooltip.show = function (htmlelement, div_innerHTML) {



   text=div_innerHTML;



	if(this.dom2){

		this.tooltipElement = document.getElementById(this.id);

      this.saveonmouseover=document.onmousemove;

		document.onmousemove = this.mouseMove;

	}else if ( this.ie4 ) {

      this.tooltipElement = document.all[this.id].style;

      this.saveonmouseover=document.onmousemove;

      document.onmousemove = this.mouseMove;

	}



   if ( this.ie4 || this.dom2 ) {

      if(this.ie4) document.all[this.id].innerHTML = text;

      else if(this.dom2) document.getElementById(this.id).innerHTML=text;



      this.moveTo(this.x + this.offsetx , this.y + this.offsety);



      if(this.ie4) this.tooltipElement.visibility = "visible";

      else if(this.dom2) this.tooltipElement.style.visibility ="visible";

   }

   return false;

}



/**

* hide tooltip

* call this method on the mouseout event of the html element

* ex : <div id="myHtmlElement" ... onmouseout="tooltip.hide(this)"></div>

*/

tooltip.hide = function (htmlelement)

{

	if (this.ie4 || this.dom2)

	{

		if(this.ie4)

			this.tooltipElement.visibility = "hidden";

      	else if (this.dom2)

			this.tooltipElement.style.visibility = "hidden";



     	document.onmousemove=this.saveonmouseover;

	}

}







// Moves the tooltip element

tooltip.mouseMove = function (e)

{

   // we don't use "this", but tooltip because this method is assign to an event of document

   // and so is dreferenced



   if (tooltip.ie4 || tooltip.dom2)

   {

      if (tooltip.dom2)

	  {

         tooltip.x = e.pageX;

         tooltip.y = e.pageY;

      }

	  else

	  {

         if ((tooltip.ie4) || (tooltip.ie5))

		 {

		 	tooltip.x = event.x + document.body.scrollLeft;

			tooltip.y = event.y + document.body.scrollTop;

		 }

      }



      tooltip.moveTo( tooltip.x + tooltip.offsetx , tooltip.y + tooltip.offsety);

   }

}



// Move the tooltip element

tooltip.moveTo = function (xL, yL)

{

	if (this.dom2)

	{

		this.tooltipElement.style.left = xL + 'px';

    	this.tooltipElement.style.top = yL + 'px';

	}

	else if (this.ie4)

	{

    	this.tooltipElement.left = xL;

     	this.tooltipElement.top = yL;

   	}

}