// ==================================================
//		---------- Title Box ----------
// ==================================================

document.write('<img id ="dhtmlpointer">'); //write out pointer image
document.write('<div id="dhtmltooltip"></div>'); //write out tooltip DIV

var offsetfromcursorX = 3;				//Customize x offset of tooltip
var offsetdivfrompointerX = 0;			//Customize x offset of tooltip DIV relative to pointer image

var offsetfromcursorY = 22;			//Customize y offset of tooltip
var offsetdivfrompointerY = 0;	 		//Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

var enabletip = false
var ie = document.all
var ns6 = document.getElementById && !document.all

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 ddrivetip(thetext, thewidth, thecolor){
	if (ns6 || ie){
		enabletip = true;

		if(thewidth != 0 && thewidth != null) 
			tipobj.style.width=thewidth+"px"

		if (typeof thecolor!="undefined" && thecolor!=null)
			tipobj.style.backgroundColor=thecolor

		tipobj.innerHTML = thetext;

		return false
	}
}

function hideddrivetip(){
	if (ns6||ie){
		enabletip=false

		tipobj.style.visibility = "hidden"
		tipobj.style.left = "-1000px"
		tipobj.style.backgroundColor = ''
		tipobj.style.width = ''
	}
}

function positiontip(e){
	if((ns6||ie) && enabletip){
		var nondefaultpos = false;
		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 winwidth = e&&!window.opera? ietruebody().clientWidth : window.innerWidth-20;
		var winheight = ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20;

		var rightedge = ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX;
		var bottomedge = ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY;

		var leftedge = (offsetfromcursorX<0)? offsetfromcursorX*(-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 = curX-tipobj.offsetWidth+"px";
			nondefaultpos = true;
		}else if (curX<leftedge){
			tipobj.style.left = "5px";y
		}else{
			// position the horizontal position of the menu where the mouse is positioned
			tipobj.style.left = curX+offsetfromcursorX-offsetdivfrompointerX+"px";
		}

		// same concept with the vertical position
		if (bottomedge < tipobj.offsetHeight){
			tipobj.style.top = curY-tipobj.offsetHeight-offsetfromcursorY+"px";
			nondefaultpos = true
		}else{
			tipobj.style.top = curY+offsetfromcursorY+offsetdivfrompointerY+"px";
		}

		tipobj.style.visibility = "visible";
	}

}

document.onmousemove = positiontip;
document.onmouseout = hideddrivetip;