$(function(){
	
	$(".info").mouseover(function(){
		if($(this).attr("title")=="") return false;
		
		$("body").append('<span class="infobulle"></span>');
		var bulle = $(".infobulle:last");
		bulle.append($(this).attr("title"));
		$(this).attr("title","");
		var posTop = $(this).offset().top+$(this).height()/4-bulle.height()/4;
		var posLeft = $(this).offset().left+$(this).width()/2-bulle.width()/2;
		bulle.css({
			left:posLeft,
			top: posTop-10,
			opacity:0
		});
		bulle.animate({
			top:posTop,
			opacity:0.99
		});
	});
	
	$(".info").mouseout(function(){
		var bulle = $(".infobulle:last");
		$(this).attr("title",bulle.text());
		bulle.animate(
			{
				top:bulle.offset().top+10,
				opacity:0
			},
			500,
			"linear",
			function(){
				bulle.remove();
			}
		);	
	});
});