this.tooltip = function() {

    xOffset = 10;
    yOffset = 28;

    $("span.tooltip").hover(function(e) {
        this.t = this.title;
        this.title = "";
        $("body").append("<p id='tooltip'>" + this.t + "</p>");
        $("#tooltip").fadeTo("fast", 1);
        $("#tooltip")
        .css("top", (e.pageY - xOffset) + "px")
        .css("left", (e.pageX + yOffset) + "px")
        .fadeIn("fast");
    },
        function() {
            this.title = this.t;
            $("#tooltip").remove();
        });
    $("span.tooltip").mousemove(function(e) {
        $("#tooltip")
        .css("top", (e.pageY - xOffset) + "px")
        .css("left", (e.pageX + yOffset) + "px");
    });
};

$(document).ready(function() {
    tooltip();
});