jQuery(document).ready(function($){
	iniciaTooltip();					  
});

function iniciaTooltip()
{
	jQuery('.tooltip').click(function(){ return false; });

	jQuery(".tooltip").hover(function(e){
		
		var xOffset = 10;
		var yOffset = 10;		

		var pos = jQuery(this).offset();
		var width = jQuery(this).width();

		this.t = this.title;
		this.title = "";									  
		
		var html = '<div id="tooltip">';
			html += '<table cellspacing="0" cellpadding="0">';
				html += '<tbody>';
					
					html += '<tr>';
						html += '<td class="tooltip_topo_esq"></td>';
						html += '<td class="tooltip_topo"></td>';
						html += '<td class="tooltip_topo_dir"></td>';
					html += '</tr>';
					
					html += '<tr>';
						html += '<td class="tooltip_esquerda"></td>';
						html += '<td class="tooltip_centro">';
							html += '<div class="tooltip_msg">';
								html += this.t;
							html += '</div>';
							html += '<a class="tooltip_close"></a>';
						html += '</td>';
						html += '<td class="tooltip_direita"></td>';
					html += '</tr>';
					
					html += '<tr>';
						html += '<td class="tooltip_baixo_esq"></td>';
						html += '<td class="tooltip_baixo"></td>';
						html += '<td class="tooltip_baixo_dir"></td>';
					html += '</tr>';
				
				html += '</tbody>';
			html += '</table>';
		html += '</div>';

		jQuery("body").append(html);
		
		/*
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");		
		*/

		jQuery("#tooltip")
			.css("top",(pos.top - yOffset) + "px")
			.css("left",(pos.left + width + xOffset) + "px")		
			.fadeIn("normal");


	},
	function(){
		this.title = this.t;		
		jQuery("#tooltip").remove();
	});	
	/*
	jQuery("a.tooltip").mousemove(function(e){
		jQuery("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});
	*/
	
}