var offsetfromcursorX = 6; // Customize x offset of tooltip
var offsetfromcursorY = -46; // Customize y offset of tooltip
var offsetdivfrompointerX = 10; // Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY = 14; // Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).
var ie = document.all;
var ns6 = document.getElementById && !document.all;
var enabletip = false;
var tip_direction = "right";
var tipobj = document.all ? document.all["tooltip"] : (document.getElementById ? document.getElementById("tooltip") : "");

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

function positiontip(e) {
	if (enabletip) {
		tipobj.style.display = "";
		var curX = (ns6) ? e.pageX : event.clientX + ietruebody().scrollLeft;
		var curY = (ns6) ? e.pageY : event.clientY + ietruebody().scrollTop;
		var winwidth = ie && !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 (rightedge < tipobj.offsetWidth || tip_direction == "left") tipobj.style.left = offsetfromcursorX + curX - tipobj.offsetWidth + "px";
		else if (curX < leftedge) tipobj.style.left = "5px";
		else tipobj.style.left = curX + offsetfromcursorX - offsetdivfrompointerX + "px";
		if (bottomedge < tipobj.offsetHeight) tipobj.style.top = curY - tipobj.offsetHeight - offsetfromcursorY + "px";
		else tipobj.style.top = curY + offsetfromcursorY + offsetdivfrompointerY + "px";
	}
}

function show_title(div_id, direction, ep_title) {
	var div_obj = document.all ? document.all[div_id] : document.getElementById ? document.getElementById(div_id) : "";
	div_obj.getElementsByTagName("div")[0].innerHTML = ep_title;
	tipobj.innerHTML = div_obj.innerHTML;
	tipobj.setAttribute("class", div_obj.getAttribute("class"));
	tipobj.setAttribute("className", div_obj.getAttribute("className")); 
    enabletip = true;
	tip_direction = direction;
    return false;
}

function hide_title() {
	enabletip = false;
	tipobj.style.display = "none";		
}

document.onmousemove = positiontip;