(function($) {
    $.fn.tipsynohover = function(opts) {
		 if($(this).attr('title') != undefined){
    	    opts = $.extend({fade: false, gravity: 'n'}, opts || {});
	        var tip = null, cancelHide = false;		
            var tip = $.data(this, 'active.tipsy');
            
			if (!tip) {
                tip = $('<div class="tipsy notice" style="background-color:transparent;border:none"><div class="tipsy-close" align="right"><a class="notif-close" id="profile-notif" href="#">x&nbsp;&nbsp;</a><div class="tipsy-inner">' + $(this).attr('title') + '</div></div></div>');
                tip.css({position: 'absolute', zIndex: 100000});
                $(this).attr('title', '');
                $.data(this, 'active.tipsy', tip);
            }
            
            var pos = $.extend({}, $(this).offset(), {width: opts.widthelement /*$("#btn-profile-name").offsetWidth*/, height: opts.heightelement /*$("#btn-profile-name").offsetHeight*/});
			
            tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);
            var actualWidth = tip[0].offsetWidth, actualHeight = tip[0].offsetHeight;
            switch (opts.gravity.charAt(0)) {
                case 'n':
                    tip.css({top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-north');
                    break;
                case 's':
                    tip.css({top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-south');
                    break;
                case 'e':
                    tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}).addClass('tipsy-east');
                    break;
                case 'w':
                    tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}).addClass('tipsy-west');
                    break;
            }

            if (opts.fade) {
                tip.css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: 1});
            } else {
                tip.css({visibility: 'visible'});
            }
			
		 }else{
			return;
		}
    };	
})(jQuery);