this.tooltip = function(){
 /* CONFIG */
 xOffset = 10;
 yOffset = 40;
 // these 2 variable determine popup's distance from the cursor
 // you might want to adjust to get the right result
 /* END CONFIG */
 $("a.tooltip").hover(function(e){
 this.t = this.title;
 this.title = "";
 $("body").append("<p id='tooltip'>"+ this.t +"</p>");
 $("#tooltip")
 .css("top",(e.pageY - xOffset) + "px")
 .css("left",(e.pageX + yOffset) + "px")
 .fadeIn("fast");
 },
 function(){
 this.title = this.t;
 $("#tooltip").remove();
 });
 $("a.tooltip").mousemove(function(e){
 $("#tooltip")
 .css("top",(e.pageY - xOffset) + "px")
 .css("left",(e.pageX + yOffset) + "px");
 });
};



// starting the script on page load
$(document).ready(function(){
 tooltip();
});