var tooltip = null;

document.observe("dom:loaded", function() {
	document.observe("mousemove", updateTooltip);
});

function updateTooltip(event) {
	try {
		if (tooltip != null) {
			$(tooltip).setStyle({
				'left' : (event.pointerX() + 20) + 'px', 
				'top' : (event.pointerY() + 20) + 'px'
			});
		}
	} catch (error) { error=null; }
}

function showTooltip(id) {
	try {
		tooltip = $(id);
		tooltip.setStyle({'display' : 'block'});
	} catch (error) { error=null; }
}

function hideTooltip() {
	try {
		tooltip.setStyle({'display' : 'none'});
		tooltip = null;
	} catch (error) { error=null; }
}