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;
    }
    $jq(".tiper").hover(

    function(e) {
        var div_id = this.id;
        var content = $jq('.' + div_id).html();
        this.top = (e.pageY + yOffset - $jq('.' + div_id).height());
        this.left = (e.pageX + xOffset);

        $jq('body').append('<div id="' + id + '">' + content + '</div>');
        $jq('div#' + id).css("top", this.top + "px").css("left", this.left + "px").fadeIn("slow");
        $jq('div#' + id).css("width", "320px");
        $jq('div#' + id).css("text-align", "center");

    }, function() {
        $jq('div#' + id).fadeOut("slow").remove();
    }).mousemove(

    function(e) {
        this.top = (e.pageY + yOffset - $jq('div#' + id).height());
        this.left = (e.pageX + xOffset);

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

};