/***************************************************************************** 
JavaScript Tool-Tips by lobo235 - www.netlobo.com
*
* This script allows you to add javascript tool-tips to your pages in a very
* unobtrusive manner. To learn more about using this script please visit
* http://www.netlobo.com/javascript_tooltips.html for usage examples.
****************************************************************************/
// Empty Variables to hold the mouse position and the window size
var mousePos = null;
var winSize = null;
// Set events to catch mouse position and window size
document.onmousemove = mouseMove;
window.onresize = windowResize;
// The mouseMove and mouseCoords function track the mouse position for us
function mouseMove(ev)
{
  ev = ev || window.event;
  mousePos = mouseCoords(ev);
}
function mouseCoords(ev)
{
  if(ev.pageX || ev.pageY){
    return {x:ev.pageX, y:ev.pageY};
  }
  return {
    x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
	y:ev.clientY + document.body.scrollTop  - document.body.clientTop  
	};
  }
  // The windowResize function keeps track of the window size for us
  function windowResize( )
  {
    winSize = {
	  x: ( document.body.clientWidth ) ? 
	  document.body.clientWidth : window.innerWidth ,
	  y: ( document.body.clientHeight ) ? 
	  document.body.clientHeight : window.innerHeight
	}
   }
   // This function shows our tool-tips
   function showTip( ){
     var tip = document.getElementById('t'+this.id);
	 tip.style.position = "absolute";
	 var newTop = mousePos.y - tip.clientHeight - 10;
	 var newLeft = mousePos.x - ( tip.clientWidth / 2 );
	 if( newTop < 0 )
	     newTop = mousePos.y + 20;
	 if( newLeft < 0 )
	     newLeft = 0;
	 if( ( mousePos.x + ( tip.clientWidth / 2 ) ) >= winSize.x - 1 )
	     newLeft = winSize.x - tip.clientWidth - 2;
	 tip.style.top = newTop;
	 tip.style.left = newLeft;
	 tip.style.display = "block";
   }
   // This function moves the tool-tips when our mouse moves
   function moveTip( )
   {
     var tip = document.getElementById('t'+this.id);
	 var newTop = mousePos.y - tip.clientHeight - 10;
	 var newLeft = mousePos.x - ( tip.clientWidth / 2 );
	 if( newTop < 0 )
	     newTop = mousePos.y + 20;
	 if( newLeft < 0 )
	     newLeft = 0;
	 if( ( mousePos.x + ( tip.clientWidth / 2 ) ) >= winSize.x - 1 )
	     newLeft = winSize.x - tip.clientWidth - 2;
	 tip.style.top = newTop;
	 tip.style.left = newLeft;
   }
   // This function hides the tool-tips
   function hideTip( )
   {
     var tip = document.getElementById('t'+this.id);
	 tip.style.display = "none";
   }
   // This function allows us to reference elements using their class attributes
   document.getElementsByClassName = function(clsName){
     var retVal = new Array();
	 var elements = document.getElementsByTagName("*");
	 for(var i = 0;i < elements.length;i++){ 
	    if(elements[i].className.indexOf(" ") >= 0){ 
		   var classes = elements[i].className.split(" ");
		   for(var j = 0;j < classes.length;j++){
		       if(classes[j] == clsName)
			       retVal.push(elements[i]); 
		   }
		}
		else if(elements[i].className == clsName)
		retVal.push(elements[i]);
	 }
	 return retVal;
   }
   // This is what runs when the page loads to set everything up
   window.onload = function(){
     var ttips = document.getElementsByClassName('ttip');
	 for( var i = 0; i < ttips.length; i++ )
	 {
	   ttips[i].onmouseover = showTip;
	   ttips[i].onmouseout = hideTip;
	   ttips[i].onmousemove = moveTip;
	 }
	 windowResize( );
    }