var tooltipTimeout;
var tooltipTimeoutElement;
var tooltipElement;

function showTooltip(_object, _text, _show) {
	if(_show || tooltipElement == _object) {
		
		var left = posX(_object);
		var top = posY(_object) + _object.offsetHeight + 5;
		getById("tooltip").style.left = left + "px";
		getById("tooltip").style.top = top + "px";
		getById("tooltip").innerHTML = _text;
		tooltipWidth = $("#tooltip").width();
		windowWidth = $(window).width();
		
		// Move tooltip left if tooltip is too wide
		if(left + tooltipWidth + 10 > windowWidth)
			getById("tooltip").style.left = windowWidth - tooltipWidth - 10 + "px";
		
		$("#tooltip").show();
		tooltipElement = _object;
		window.clearTimeout(tooltipTimeoutElement);
	} 
	else {
		tooltipTimeout = window.setTimeout(function() {showTooltip(_object, _text, true)}, 500);
	}
}

function hideTooltip() {
	window.clearTimeout(tooltipTimeout);
	$("#tooltip").hide();
	tooltipTimeoutElement = window.setTimeout("tooltipElement = null", 500);
}