(function($){
  $.fn.tooltip = function(options) {
    return this.each(function(){
      var tip = $(this).attr("title");
      if(tip) {
        if(tip.indexOf("#")==0) {
          var tipdom = $("<div style='position:absolute;z-index:10000;display:none;' class='tooltip tooltip-"+options.position+"'><div class='tooltip-inner'>"+$(tip).html()+"<span class='carat'></span><span class='tlp'></span><span class='trp'></span><span class='blp'></span><span class='brp'></span></div></div>");
        } else {
          var tipdom = $("<div style='position:absolute;z-index:10000;display:none;' class='tooltip tooltip-"+options.position+"'><div class='tooltip-inner'>"+tip+"<span class='carat'></span><span class='tlp'></span><span class='trp'></span><span class='blp'></span><span class='brp'></span></div></div>");
        }
        $(this).removeAttr("title");
        $(this).hover(function(){ 
          $("body").prepend(tipdom);
          var pos = $(this).offset();
          var t = 0; var l = 0;
          switch(options.position) {
            case "south":
            t = pos.top + $(this).outerHeight();
            var plo = $(this).parents("ul.users:eq(0)").offset().left;
            l = plo + ($(this).outerWidth() / 2) - 19;
            cl = (($(this).outerWidth() / 2) - 5) + (pos.left - plo);
            tipdom.find(".carat").css({
              "left":cl
            })
            break;
          }
          tipdom.css({
            "top":t,
            "left":l
          });
          tipdom.show();
        },function(){
          tipdom.hide();
          $("body div.tooltip").remove();
        });
      }
    });
  };
})(jQuery);

$(document).ready(function(){
    $(".activate-tooltip").tooltip({"position":"south"});
})