var tt = null;
var tt_id;

function showTT(id) 
{
	tt = document.getElementById(id);
	tt_id = id;
}

function updateTT(e) 
{
	if (tt != null) {
		if (!e) var e = window.event;
		
		if (e.pageX || e.pageY) {
			mouse_x = e.pageX;
			mouse_y = e.pageY;
		} else if (e.clientX || e.clientY) {
			mouse_x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
			mouse_y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
		}
		
		style_top = mouse_y + 25;	
		style_left = mouse_x - 100;
		
		tt_pos = eval(tt_id+"_position");
		
		if (tt_pos == "top") {
			style_top = mouse_y - 255;
		}
		
		tt.style.top = style_top + "px";
		tt.style.left = style_left + "px";
		
		tt.style.display = "block";
	}
}

function hideTT() 
{
	tt.style.display = "none";
	tt = null;
}

document.onmousemove = updateTT;