﻿/***********************************************
* ToolTip
***********************************************/

var offsetxpoint = -320; //Customize x offset of tooltip
var offsetypoint = 10; //Customize y offset of tooltip
var ie = document.all;
var ns6 = document.getElementById && !document.all;

var enabletip = false;


function ietruebody()
{
	return (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;
}

var tooltip;
function initTip() {	
	tooltip = (ie || ns6)? document.getElementById('tipDiv'): null;	
	if (!tooltip) return;
	
	tooltip.className = 'Tooltip';	
	tooltip.style.display='block';
	tooltip.style.position = 'absolute';

}

window.onload = initTip;

// Positioning Tooltip
function PositionTooltip(e)
{
	if (enabletip)
	{
		var curX = (ns6) ? e.pageX : event.clientX+ietruebody().scrollLeft;
		var curY = (ns6) ? e.pageY : event.clientY+ietruebody().scrollTop;
		
		//Find out how close the mouse is to the corner of the window
		var rightedge  = ie&&!window.opera ? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20;
		var bottomedge = ie&&!window.opera ? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20;

		var leftedge = (offsetxpoint<0) ? offsetxpoint*(-1) : -1000;

		//if the horizontal distance isn't enough to accomodate the width of the context menu
		if (rightedge < tooltip.offsetWidth)
		{
			//move the horizontal position of the menu to the left by it's width
			tooltip.style.left = ie ? ietruebody().scrollLeft + event.clientX-tooltip.offsetWidth + "px" : window.pageXOffset + e.clientX - tooltip.offsetWidth + "px";
		}
		else if (curX < leftedge)
		{
			tooltip.style.left = "5px";
		}
		else
		{
			//position the horizontal position of the menu where the mouse is positioned
			tooltip.style.left = curX + offsetxpoint + "px";
		}

		//same concept with the vertical position
		if (bottomedge < tooltip.offsetHeight)
		{
			tooltip.style.top = ie ? ietruebody().scrollTop + event.clientY-tooltip.offsetHeight - offsetypoint + "px" : window.pageYOffset + e.clientY - tooltip.offsetHeight - offsetypoint + "px";
		}
		else
		{
			tooltip.style.top = curY + offsetypoint + "px";
		}
			
		tooltip.style.visibility = "visible";
	}
}

// Hide Tooltip
function hideTip()
{
	if ((ns6||ie) && (tooltip))
	{
		enabletip = false;
		
		tooltip.style.visibility = "hidden";
		tooltip.style.left = "-1000px";
		tooltip.style.backgroundColor = '';
		tooltip.style.width = '';
	}
}

document.onmousemove = PositionTooltip;
