var xOffset = -70; var yOffset = 8; var displayHint = false;

hint = null;
document.onmousemove = moveHint;

function moveHint(e) {
	x = (document.all) ? window.event.x + document.body.scrollLeft : e.pageX;
	y = (document.all) ? window.event.y + document.body.scrollTop  : e.pageY;
	if (hint != null) {
		hint.style.left = (x + xOffset) + "px";
		hint.style.top  = (y + yOffset) + "px";
	}
	if(displayHint) {
		displayHint = false;
		hint.style.display = "block";
	}
}

function showHint(id) {
	hint = document.getElementById(id);
	displayHint = true;
}

function hideHint() {
	hint.style.display = "none";
}