$(document).ready(function() {
	
	var changeTooltipPosition = function(event) {
		var tooltipX = event.pageX - 8;
		var tooltipY = event.pageY + 8;
		$('div.tooltip').css({top: tooltipY, left: tooltipX-270});
		$('div.tooltip').show();
	};

	var showTooltip = function(event) {
		$('div.tooltip').hide();
		//$('<div class="tooltip">texto</div>').appendTo('body');
		changeTooltipPosition(event);
	};

	var hideTooltip = function() {
		$('div.tooltip').hide();
	};

	$("span#hint,label#username'").bind({
		mousemove : changeTooltipPosition,
		mouseenter : showTooltip,
		mouseleave: hideTooltip
	});
});