(function($){
    $.fn.tooltip = function(config){
        config = jQuery.extend({opacidade:1}, config)

        $(this).mouseover(function(e){
            this.t = $(this).attr('title');
            $(this).attr('title', '');

            var aTitle = this.t.split('|');            
            $('body').append('<div id="tooltip" class="jquery-tooltip"><img src="images/tooltip-arrow-top.png" alt="" /><div><strong>'+ aTitle[0] +'</strong><br />'+ aTitle[1] +'</div></div>');
            $('#tooltip').fadeIn('fast');
        });

        $(this).mouseout(function(){
            $(this).attr('title', this.t);
            $('#tooltip').remove();
        });

        $(this).mousemove(function(e){
            $('#tooltip').css({
                'top': (e.pageY + 10) + 'px',
                'left': (e.pageX - 48) + 'px'
            });
        });
    };
})(jQuery);
