$(function(){

	$("div.def").mouseover(function(){
		if($(this).attr("title")=="") return false;
		
		$("body").append('<div class="infobulle"></div>');
		var bulle = $(".infobulle:last");
		bulle.append($(this).attr("title"));
		$(this).attr("title","");
		var posTop = $(this).offset().top-bulle.height()-10;
		var posLeft = $(this).offset().left+$(this).width()/2-bulle.width()/2;
		bulle.css({
			left:posLeft,
			top:posTop,
			opacity:0
		});
		bulle.animate({
			top:posTop,
			opacity:0.99
		});
	});
	
	$("div.def").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();
		}
		);
	});
});