(function($){
    $('body').append(
    '<div id="__qrcode_DIV" style="padding:20px;border: 1px solid #333;background-color:#fff;position:absolute;display:none"><img></div>');
    
    var __qrcodetimeout;
    
    $('.qrcode').each(function() {
       
        $(this).bind('mouseover', function(e) {
            $('#__qrcode_DIV img').attr('src','/bilder/leer.gif');
            $('#__qrcode_DIV img').attr('src','http://qr.alexkvak.com/?t='+encodeURIComponent($(this).attr('code').replace(new RegExp('==', "g"),"\n"))+'&s='+$(this).attr('codesize'));
            
            clearInterval(__qrcodetimeout);
                
            var position = $(this).position();
            $('#__qrcode_DIV')
                .css('left', position.left + parseInt($(this).outerWidth() / 2) )
                .css('top',  position.top  + $(this).outerHeight() + 2 )
                .show();
        });
        
        
        $(this).bind('mouseout', function (e) {
            clearInterval(__qrcodetimeout);
            __qrcodetimeout = setInterval("$('#__qrcode_DIV').hide()", 2000);
        });
        
        
    }); 
    
    $('body').bind('click', function (e) {
        clearInterval(__qrcodetimeout);
        $('#__qrcode_DIV').hide();
    }); 
    
    $('#__qrcode_DIV').bind('mouseover', function (e) {
        clearInterval(__qrcodetimeout);
    }); 
    
    $('#__qrcode_DIV').bind('click', function (e) {
        // prevent body.onclick
        e.preventDefault();
        return false;
    });       
})(jQuery);