$(".tooltip").live('mouseover', function(e){
/* CONFIG */
var xOffset = 20;
var yOffset = 5;
/* END CONFIG */
this.t = this.title;
this.title = ""; 
$("body").append("<div id='tooltip'>"+ this.t +"</div>");
$("#tooltip")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.delay(500)
.fadeIn(500, function() { 

});
$(this).mousemove(function(e){
$("#tooltip")
.css("top",(e.pageY - yOffset) + "px")
.css("left",(e.pageX + xOffset) + "px")
});
});
$(".tooltip").live('mouseout', function(e) {
this.title = this.t;
$(this).die("mousemove", "mouseout");
$("#tooltip").remove();

$(this).click(function(e){
$("#tooltip")
.css("top",(e.pageY - yOffset) + "px")
.css("left",(e.pageX + xOffset) + "px")
});
});
$(".tooltip").live('click', function(e) {
this.title = this.t;
this.title = "";
$(this).die("mouseclick");
      $("#tooltip").remove();

});