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