
	jQuery.fn.tooltip = function(){
		this.each(function(){
			var xOffset = 0;
			var yOffset = -77;
			var alfa = 0.90;
			
			var title = '';
			var t = '';
			
			$(this).mouseover(
				function(e){
					t = $(this).attr('alt');
					$(this).attr("alt","");
					$("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\">"+ 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() + 5;
					$("#tooltip")
						.css("top",(e.pageY - xOffset) + "px")
						.css("left",(e.pageX + yOffset) + "px")
						.fadeTo('fast', alfa).fadeIn(10);
				}
			);
			
			$(this).mouseout(
				function(){
					$(this).attr('alt',t);
					$("#tooltip").remove();
				}
			);

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