var offsetxpoint = -0 // x offset
var offsetypoint = 20 // y offset
var ie = document.all
var moz = document.getElementById && !document.all
var ttEnableToolTip = false;
var ttToolTip = null;

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

function ShowToolTip(text, width) {

	if (ttToolTip == null) {
		ttToolTip = document.getElementById("pnlToolTip");
	}
	if (typeof width !="undefined") ttToolTip.style.width = width+"px";
	ttToolTip.innerHTML = text;
	ttEnableToolTip = true;
	return false;
}

function MoveToolTip(e) {
	
	if (ttEnableToolTip) {
		var curX = (moz) ? e.pageX : event.x+ietruebody().scrollLeft;
		var curY = (moz) ? e.pageY : event.y+ietruebody().scrollTop;

		// sprawdzanie pozycji ToolTip'a
		var rightedge = ie ? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-200;
		var bottomedge = ie ? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-200;
		var leftedge = (offsetxpoint<0) ? offsetxpoint*(-1) : -1000;

		// if the horizontal distance isn't enough to accomodate the width of the context menu
		if (rightedge < ttToolTip.offsetWidth) {
			// move the horizontal position of the menu to the left by it's width
			ttToolTip.style.left = ie ? ietruebody().scrollLeft+event.clientX-ttToolTip.offsetWidth+"px" : window.pageXOffset+e.clientX-ttToolTip.offsetWidth+"px";
		} else if (curX < leftedge) {
			ttToolTip.style.left = "5px";
		} else {
			// position the horizontal position of the menu where the mouse is positioned
			ttToolTip.style.left = curX+offsetxpoint+"px";
		}

		// same concept with the vertical position
		if (bottomedge<ttToolTip.offsetHeight) {
			ttToolTip.style.top = ie ? ietruebody().scrollTop+event.clientY-ttToolTip.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-ttToolTip.offsetHeight-offsetypoint+"px";
		} else {
			ttToolTip.style.top = curY+offsetypoint+"px";
		}
		ttToolTip.style.visibility = "visible";
	}
}

function HideToolTip() {
	ttEnableToolTip = false;
	ttToolTip.style.visibility = "hidden";
	ttToolTip.style.left = "-1000px";
	ttToolTip.style.backgroundColor = '';
	ttToolTip.style.width = '';
}

document.write('<div id="pnlToolTip"></div>');
document.onmousemove = MoveToolTip;