function tooltip(target_items, name){	
			
			
			/* CONFIG */		
				xOffset = 10;
				yOffset = 20;	
				tolerance = 5; //tolleranza dal bordo dello schermo	
			/* END CONFIG */
			
			$(target_items).each(function(i){
				$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
				 var my_tooltip = $("#"+name+i);
	
				 $(this).removeAttr("title").mouseover(function(e){
				width = parseInt(my_tooltip.css('width')) + parseInt(my_tooltip.css('padding-left')) + parseInt(my_tooltip.css('padding-right')) + tolerance;
				
				posX = e.pageX + yOffset;
	
				if(posX + width >= $(window).width()){
					posX -= width+2*yOffset;
				}
				
				 my_tooltip.css({opacity:1, display:"none"}).css("top",(e.pageY - xOffset) + "px").css("left",(posX) + "px").show();
					
					
				 
				 }).mousemove(function(e){
				posX = e.pageX + yOffset;
				
				width = parseInt(my_tooltip.css('width')) + parseInt(my_tooltip.css('padding-left')) + parseInt(my_tooltip.css('padding-right')) + tolerance;
				
				if(posX + width >= $(window).width()){
					posX -= width + 2*yOffset;
				}
	
				 my_tooltip
					.css("top",(e.pageY - xOffset) + "px")
					.css("left",(posX) + "px");
				 	
				 }).mouseout(function(){
				 	my_tooltip.hide();
	 			});
	 
			});
	}


$(document).ready(function(){
	tooltip(".tooltip","tooltip_panel");
});