function simple_tooltip(target_items, name) {
 $(target_items).each(function(i){
		$("body").append("<div class='"+name+"' id='"+name+i+"'><div>"+$(this).attr('title')+"</div></div>");
		var my_tooltip = $("#"+name+i);

		if($(this).attr("title") != "" && $(this).attr("title") != "undefined" ) {
			$(this).removeAttr("title").mouseover(function(){
				my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(400);
			}).mousemove(function(kmouse){
				var border_top = $(window).scrollTop();
				var border_right = $(window).width()+$(window).scrollLeft();
				var left_pos;
				var top_pos;
				var offset = 15;
				if (border_right - (offset*2) >= my_tooltip.width() + kmouse.pageX){
					left_pos = kmouse.pageX+offset;
				} else {
					left_pos = border_right-my_tooltip.width()-offset;
				}
				
				if (border_right-kmouse.pageX < my_tooltip.width() && (kmouse.pageX-offset-my_tooltip.width())>0) {
					left_pos = kmouse.pageX-offset-my_tooltip.width();
				}

				if (border_top + (offset*2) >= kmouse.pageY - my_tooltip.height()){
					top_pos = border_top+offset;
				} else {
					top_pos = kmouse.pageY-my_tooltip.height()-offset;
				}	

				my_tooltip.css({left:left_pos, top:top_pos});
			}).mouseout(function(){
				my_tooltip.css({left:"-9999px"});
			});
		}
	});
}

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