// JavaScript Document
// to use properly document.body.scrollTop(Left) do not set   
// <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
// instead use 
// <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

var xToolTip = 0, yToolTip = 0;
var xTTAdjust = 25, yTTAdjust = 15;

// if you do not want to set style to element, pass elem as null
function ShowToolTip(elem, event, text) {
  if (window.event) {
    event = window.event;
  } 
	if (typeof(DisplayHover) != "undefined") {
		if (DisplayHover == "N") {
			if (elem != null) { 
				elem.className = "";
			}
			return;
		}
	}
	if (text.length > 0) {
		if (elem != null) { 
			elem.className = "tooltipElem";
		}
		var x = parseInt(event.clientX ? event.clientX : event.x, 10);
		var y = parseInt(event.clientY ? event.clientY : event.y, 10); 
		var tooltip = document.getElementById("tooltipDiv");
		if (tooltip) {
			tooltip.innerHTML = text;
			tooltip.style.display = "block";
			tooltip.style.top = (y + yTTAdjust + document.body.scrollTop) + "px"; 
			tooltip.style.left = (x + xTTAdjust + document.body.scrollLeft) + "px"; 
			
			xToolTip = x;
			yToolTip = y;
		}
	}
}

function MoveToolTip(event) {
	if (window.event) {
    event = window.event;
  }
	var tooltip = document.getElementById("tooltipDiv");
  if (xToolTip != null && yToolTip != null) {
		var x = parseInt(event.clientX ? event.clientX : event.x, 10);
		var y = parseInt(event.clientY ? event.clientY : event.y, 10);
		var intLeft = parseInt(tooltip.style.left, 10);
		var intTop = parseInt(tooltip.style.top, 10);
    tooltip.style.left = ((isNaN(intLeft) ? 0 : intLeft) + x - xToolTip) + "px";
    tooltip.style.top = ((isNaN(intTop) ? 0 : intTop) + y - yToolTip) + "px";
    xToolTip = x;
    yToolTip = y;
  }
}

function HideToolTip() {
	var tooltip = document.getElementById("tooltipDiv");
	tooltip.innerHTML = '';
	tooltip.style.display = "none";
}
