var tipFollowMouse	= true;	
var tooltip, tipcss;
var offX		 	= 12;	// how far from mouse to show tip
var offY		 	= 12; 
var ns5 = ((navigator.userAgent.indexOf("Gecko")>-1)) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1)) ? true : false;
var t1,t2;	// for setTimeouts
var tipOn = true;	// check if over tooltip link
var mouseX, mouseY;

function initTip() {
	tooltip = document.getElementById('toolTip');
	tipcss = tooltip.style;
	//tipcss.width = "300px";
	tipcss.fontFamily = "Verdana, Arial, Helvetica, sans-serif";
	tipcss.fontSize = "11px";
	tipcss.color = "#000000";
	tipcss.backgroundColor = "#FFFFFF";
	tipcss.borderColor = "#000000"; //"#C4D5E3";
	tipcss.borderWidth = "1px";
	tipcss.padding = "10px";
	tipcss.borderStyle = "solid";
	if (tooltip && tipFollowMouse) {
		document.onmousemove = trackMouse;
	}
}


function showTip(evt, image) {
	if (image == "") {
	   return;
	}
	
	if (!tooltip) 
	   return;
	if (t1) 
	   clearTimeout(t1);	
	if (t2) 
	   clearTimeout(t2);
	tipOn = true;
	
	var tip = '<img src=' + 
              image + 
              ' border=0>'; 

 	tooltip.innerHTML = tip;
	
	if (!tipFollowMouse) {
	   positionTip(evt);
	} else { 
	   t1 = setTimeout("tipcss.visibility='visible'", 100);
	}
}


function trackMouse(evt) {
	mouseX = (ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
	mouseY = (ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	if (tipOn) {
	   positionTip(evt);
	}
}

function positionTip(evt) {
	if (!tipFollowMouse) {
		mouseX = (ns5)? evt.pageX: window.event.clientX + document.body.scrollLeft;
		mouseY = (ns5)? evt.pageY: window.event.clientY + document.body.scrollTop;
	}
	
	// tooltip width and height
	var tpWd = (ie5)? tooltip.clientWidth: tooltip.offsetWidth;
	var tpHt = (ie5)? tooltip.clientHeight: tooltip.offsetHeight;
	
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: document.body.clientWidth+document.body.scrollLeft;
	var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: document.body.clientHeight+document.body.scrollTop;
	
	// check mouse position against tip and window dimensions
	// and position the tooltip 
	if ((mouseX+offX+tpWd)>winWd) {
		tipcss.left = mouseX-(tpWd+offX)+"px";
	} else {
	   tipcss.left = mouseX+offX+"px";
	}
	if ((mouseY+offY+tpHt) > winHt) {
		tipcss.top = winHt-(tpHt+offY)+"px";
	} else {
	   tipcss.top = mouseY+offY+"px";
	}
	if (!tipFollowMouse) {
	   t1=setTimeout("tipcss.visibility='visible'", 100);
	}
}

function hideTip() {
	if (!tooltip) {
	   return;
	}
	t2 = setTimeout("tipcss.visibility='hidden'", 100);
	tipOn = false;
}
