var UseTooltips=true;

 

(function($){  
$.fn.extend({   
tooltip: function() {  
if (UseTooltips==false){
return;
}  

return this.each(function() {  
var obj = $(this); 
obj.mouseover(function(e) {
var x=e.pageX+2;
var y=e.pageY+2;
var value=obj.attr('tooltip');
$('body').append('<div class="tooltip" id="ttp" style="top:'+y+'px;left:'+x+'px;>'+value+'</div>');
});
obj.mouseout(function() {
$("#ttp").remove();
});
obj.mousemove(function(e) {
var x=e.pageX+10;
var y=e.pageY+10;

var pageWidth = $(document).width();
if (x>=(pageWidth-400)){
var dw=parseFloat($("#ttp").css('width'));
$("#ttp").css('top',y).css('left',(x-dw-20));
}
else{
$("#ttp").css('top',y).css('left',x);
}
});
obj.click(function() {
$("#ttp").remove();
});

            });  
}  
});    
})(jQuery);  

$(function() {
$("*[tooltip]").tooltip();
});