function showToolTip(tooltipHTML,e)
{
	//get mouse position
	var posx = 0;
	var posy = 0;
	if(!e) var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}

	// posx and posy contain the mouse position relative to the document
	// Do something with this information

	//make the tip visible
	document.getElementById("tool_tip").innerHTML=tooltipHTML;
	document.getElementById("tool_tip").style.top = (posy+7)+"px";
	document.getElementById("tool_tip").style.left = (posx-220)+"px";
	document.getElementById("tool_tip").style.display = "block";
	//alert(posy);
}

function hideToolTip()
{
	//make the tip invisible
	document.getElementById("tool_tip").style.display = "none";
}

function init()
{
	//this can be moved to a css file
	document.write("<link href='/cec/css/tooltip.css' rel='stylesheet' type='text/css' />");
	document.write("<div id='tool_tip' class='tooltip'></div>");
}

init();