var offsetxpoint = -20; // Customize x offset of tooltip
var offsetypoint = 22;	// Customize y offset of tooltip
var ie = document.all;
var ns6 = document.getElementById && !document.all;
var enabletip = false;
if (ie||ns6) {
  var tipobj = document.all ? document.all["ToolTip"] : document.getElementById ? document.getElementById("ToolTip") : "";
}
function ietruebody(){
  return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body;
}

topColor = "#5C1B07";
subColor = "#DDDDDD";
//subColor = "#DAB65B";

function tip(TTitle, TContent, TWidth) {
	if (ns6 || ie) {
    tipobj.style.width = TWidth+"px";
		thetext = '<table border="0" width="100%" cellspacing="0" cellpadding="0">'
						+ '<tr><td width="100%" bgcolor="#000000">'
						+ '<table border="0" width="100%" cellspacing="1" cellpadding="0">'
						+ '<tr><td width="100%" bgcolor='+topColor+'>'
						+ '<table border="0" width="95%" cellspacing="0" cellpadding="0" align="center">'
						+ '<tr><td width="100%" nowrap>'
						+ '<font class="tooltiptitle">&nbsp;'+TTitle+'&nbsp;&nbsp;</font>'
						+ '</td></tr>'
						+ '</table>'
						+ '</td></tr>'
						+ '<tr><td width="100%" bgcolor='+subColor+'>'
						+ '<table border="0" width="95%" cellpadding="0" cellspacing="1" align="center">'
						+ '<tr><td width="100%" nowrap>'
						+ '<font class="tooltipcontent">'+TContent+'&nbsp;&nbsp;</font>'
						+ '</td></tr>'
						+ '</table>'
						+ '</td></tr>'
						+ '</table>'
						+ '</td></tr>'
						+ '</table>';
		enabletip = true;
		tipobj.innerHTML = thetext;
		//return false;
	}
}

function positiontip(e) {
	if (enabletip) {
		var curX = (ns6) ? e.pageX : event.x + ietruebody().scrollLeft;
		var curY = (ns6) ? e.pageY : event.y + 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 - 100;
		//alert(rightedge);
		//alert(tipobj.offsetWidth);
		var bottomedge = ie && !window.opera ? ietruebody().clientHeight - event.clientY - offsetypoint : window.innerHeight - e.clientY - offsetypoint - 20;
		
		//alert(tipobj.offsetWidth);
	
		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"
	}
}

function notip() {
  if (ns6||ie) {
    enabletip = false;
    //tipobj.style.visibility = "hidden"
    //tipobj.style.left = "-1000px";
  }
}

function showTip(TTitle, TContent, TWidth) {
	tip(TTitle, TContent, TWidth);
	showLayer('ToolTip');
}
function hideTip() {
	hideLayer('ToolTip');
	notip();
}	

document.onmousemove = positiontip;