this.tooltip = function(){     
        /* CONFIG */           
                xOffset = 10;
                yOffset = 20;          
                // these 2 variable determine popup's distance from the cursor
                // you might want to adjust to get the right result            
        /* END CONFIG */               
        $(".tooltip").hover(function(e){                                                                                        
                this.t = this.title;
                this.title = "";                                                                         
                $("body").append("<div id='tooltip' class='ui-widget-content ui-corner-all'><p>Chargement...</p></div>");
                $("#tooltip")
                        .css("top",(e.pageY - xOffset + 35) + "px")
                        .css("left",(e.pageX + yOffset - 100) + "px")
                        .fadeIn("fast");  
		
			$.ajax({
			  url: '/src/p/inscription-en-ligne/recipisse.php?i=1&z='+this.t,
			  success: function(data) {
			    $('#tooltip').html(data);
			  }
			});
    },
        function(){
                this.title = this.t;           
	    $("#tooltip").hide();
	    $('#tooltip').html('');
    }); 
        $(".tooltip").mousemove(function(e){
                $("#tooltip")
                        .css("top",(e.pageY - xOffset + 35) + "px")
                        .css("left",(e.pageX + yOffset - 100) + "px");
        });                    
};