/***********************************************
* Cool DHTML tooltip script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var offsetxpoint = 20 //Customize x offset of tooltip
var offsetypoint = 0 //Customize y offset of tooltip
var ie = document.all;
var ns6 = document.getElementById && !document.all;
var enabletip = false;
var showtip = true;
if (ie||ns6) var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

function ietruebody(){
	return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function toggleTT() {
	if (showtip) { showtip = false; } else { showtip = true; }
}

function showTT(tooltipTitle, tooltipContent, tooltipWidth) {
	if (showtip) {
		if (ns6||ie){
			if (typeof tooltipWidth!="undefined") { tipobj.style.width=tooltipWidth+"px"; }
			document.getElementById('tooltipTitle').firstChild.nodeValue = tooltipTitle;
			document.getElementById('tooltipContent').innerHTML = tooltipContent;
			enabletip = true;
			return false;
		}
	}
}

function hideTT(){
	if (showtip) {
		if (ns6||ie){
			enabletip=false
			tipobj.style.visibility="hidden"
			tipobj.style.left="-1000px"
			tipobj.style.backgroundColor=''
			tipobj.style.width=''
		}
	}
}	

function positionTT(e) {
	
	if (enabletip && showtip){
		
		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<tipobj.offsetWidth) {
			//move the horizontal position of the menu to the left by it's width
			tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
		} else if (curX<leftedge) {
			tipobj.style.left="5px";
		} else {
			//position the horizontal position of the menu where the mouse is positioned
			tipobj.style.left=curX+offsetxpoint+"px"
		}
		
		//same concept with the vertical position
		if (bottomedge<tipobj.offsetHeight) {
			tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
		} else {
			tipobj.style.top=curY+offsetypoint+"px";
		}
		
		tipobj.style.visibility="visible"
		
	}
	
}

// Attach an event listener to the document object
document.onmousemove = positionTT;