
var tooltip_waiting = false;
var tooltip_event = null;
var mousex = 0;
var mousey = 0;
var timeoutID = -1;

function tooltip(e, text)
{
	var tooltip_div = document.getElementById('tooltip_div');
	if (tooltip_div)
		document.body.removeChild(tooltip_div);

	tooltip_waiting = true;
	var target = 0;
	
	if (!e) var e = window.event;

	if (e.target) target = e.target;
	else if (e.srcElement) target = e.srcElement;
	if (target.nodeType == 3) //Safari
		target = target.parentNode;

	target.onmouseout = function() {
		if (timeoutID > 0)
			clearTimeout(timeoutID);
		timeoutID = -1;
		this.onmouseout = null;
		tooltip_waiting = false;
		var tooltip_div = document.getElementById('tooltip_div');
		if (tooltip_div)
			document.body.removeChild(tooltip_div);
	}

	if (e.pageX || e.pageY) 
	{
		mousex = e.pageX;
		mousey = e.pageY;
	}
	else if (e.clientX || e.clientY) 	
	{
		mousex = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		mousey = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}

	timeoutID = setTimeout("do_tooltip('" + text + "')", 500);
}

function do_tooltip(text)
{
	var tooltip_div = document.getElementById('tooltip_div');
	if (tooltip_div)
		document.body.removeChild(tooltip_div);

	if (tooltip_waiting == false)
		return;

	var t = document.createElement("div");
	t.style.position = "absolute";
	t.style.left = (mousex) + "px";
	t.style.top = (mousey+15) + "px";
	t.style.zIndex = "2000";
	t.style.backgroundColor = "#ffffdc";
	t.style.borderWidth = "1px";
	t.style.borderStyle = "solid";
	t.style.borderColor = "#000000";
	t.style.color = "#000000";
	t.style.textAlign = "left";
	t.style.fontSize = "12px";
	t.style.paddingLeft = "2px";
	t.style.paddingRight = "2px";
	t.id = "tooltip_div";

	t.innerHTML = text;

	document.body.appendChild(t);
}


