jQuery.fn.tooltip = function(){
    this.each( function(){
			var xOffset = 0;
			var yOffset = -27;
			var alfa = 0.95;
		$(this).hover(function(e){
			this.t = this.getAttribute('title');
			this.title = "";
			//$("body").append("<div id='tooltip'>"+ this.t +"</div>");
			$("body").append(	"<div id='tooltip'>	<table width=\"100%\">"
								+"<tr><td class=\"tl\"></td><td class=\"t\"></td><td class=\"tr\"></td></tr>"
								+"<tr><td class=\"l\"></td><td><div class=\"content\">"+ this.t +"</div></td><td class=\"r\"></td></tr>"
								+"<tr><td class=\"bl\"></td><td class=\"b\"><div class=\"arrow\"></div></td><td class=\"br\"></td></tr>"
								+"</table></div>");

			xOffset = $('#tooltip').height() + 20;
			$("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px")
				.fadeTo('fast', alfa).fadeIn(10);
	    },
		function(){
			this.title = this.t;
			$("#tooltip").remove();
	    });

		$(this).mousemove(function(e){
			$("#tooltip")
				.css("top",(e.pageY - xOffset) + "px")
				.css("left",(e.pageX + yOffset) + "px");
		});
    });
}