this.tip = function() {    
    this.xOffset = -10; // x distance from mouse
    this.yOffset = 10; // y distance from mouse       
    $("#tip").remove();
    $(".tip").each(function(i){     
        $(this).unbind('mouseover').bind('mouseover', 
            function(e) {             
                this.t = $(this).attr('title');
                $(this).attr('title',''); 
                
                this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset);
                
                $('body').append( '<p id="tip"><img id="tipArrow" /><span id="tipIconHolder"><img id="tipIcon" /></span>' + this.t + '</p>' );
                            
                $('p#tip #tipArrow').attr("src", baseURL+'/images/tip/arrow.png');
                $('p#tip #tipIcon').attr("src", baseURL+'/images/tip/icon.png');
                $('p#tip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("fast");
                
            });
        $(this).unbind('mouseout').bind('mouseout', 
            function() {
                $(this).attr('title',this.t);
                $("p#tip").fadeOut("fast").remove();
            }            
        ).mousemove(
            function(e) {
                this.top = (e.pageY + yOffset);
                this.left = (e.pageX + xOffset);
                             
                $("p#tip").css("top", this.top+"px").css("left", this.left+"px");
            }
        );
    });            
    
};

jQuery(document).ready(function($){tip();})