jQuery.fn.tipbox = function(content, allowHtml, className, left){  
   jQuery.fn.tipbox.created.id = "tipBox";  
   $("body").append(jQuery.fn.tipbox.created);  
   //set some properties for the tipBox division  
   var tipBox = $(jQuery.fn.tipbox.created);  
   tipBox.css({"position":"absolute","display":"none"});  
 
   //functions  
   function tipBoxShow(e){
      if( left) {
        tipBox.css({"display":"block", "top":e.pageY+10, "left":(e.pageX - 150)});
      } else {
        tipBox.css({"display":"block", "top":e.pageY+16, "left":(e.pageX)});
      }
   }  
   function tipBoxHide(){  
       tipBox.css({"display":"none"});  
   }  
 
   //events for each element  
   this.each(function(){  
       $(this).mousemove(function(e){  
           tipBoxShow(e);  
           //update the content  
           if(allowHtml)  
               tipBox.html(content);  
           else  
               tipBox.text(content);  
           //remove all classes for the tipBox before add a new one and to avoid the "append class"  
           tipBox.removeClass();  
           //set class if specified  
           if(className) tipBox.addClass(className);  
       });  
       $(this).mouseout(function(){  
           tipBoxHide();  
       });  
   });  
};  
 
//create the element (avoiding create multiple divisions for the tipBox)  
jQuery.fn.tipbox.created = document.createElement("div");