$(document).ready(function(){

	$.fn.tooltip = function() {

		xOffset = -15;
		yOffset = -44;

		$(this).hover(function(){

			var title = $(this).attr('rel');
			var t = $(this).offset();

			$('body').append('<div id="tooltip"><div class="tooltip_left"><div class="tooltip_right">'+title+'</div></div></div>');
			$('#tooltip')
				.css("top", (t.top+yOffset) + "px")
				.css("left", (t.left+xOffset) + "px")
				.fadeIn("fast")
				.animate({top: (t.top+yOffset) + "px"});
		
		},function(){

			$('#tooltip').remove();

		});

	}

});