function tiper(xoff, yoff, id) {

    this.xOffset = xoff;

    this.yOffset = yoff;

    var style = style

    if (!id) {

        var id = 'tiper';

    }

    if (!xoff) {

        this.xOffset = 20;

    }

    if (!yoff) {

        this.yOffset = 20;

    }

    $(".tiper").hover(



    function (e) {

        var div_id = this.id;

        var content = $('.' + div_id).html();

        this.top = (e.pageY + yOffset);

        this.left = (e.pageX + xOffset);



        $('body').append('<div id="' + id + '">' + content + '</div>');

        $('div#' + id).css("top", this.top + "px").css("left", this.left + "px").fadeIn("slow");



    }, function () {

        $('div#' + id).fadeOut("slow").remove();

    }).mousemove(



    function (e) {

        this.top = (e.pageY + yOffset);

        this.left = (e.pageX + xOffset);



        $('div#' + id).css("top", this.top + "px").css("left", this.left + "px");

    });



};