$(document).ready(function(){      
      $("a.powieksz").click(function(e){
        e.preventDefault();
        var link = $(this).attr("href");
        $('body').append( 
        '<div id="maska"></div>'
        +'<div id="toplayer" style="display:block;">'        
        + '<img src="' + link + '" alt="" />'
          +'<div id="zamknij" style="float: right; margin-top: 10px; padding: 2px; position: relative; z-index: 9005; background: #000000; color: #ffffff; border-bottom: solid 1px #ffffff; border-left: solid 1px #ffffff; border-top: solid 1px #ffffff;">'
           +' <a href="#" class="ukryjToplayer">zamknij</a>'
          +'</div>'
        +'</div>');
        
        var szerokoscMaski = $(document).width();  
        var wysokoscMaski = $(document).height();  
           
        $('#maska').css({'width':szerokoscMaski,'height':wysokoscMaski});                 
        $('#maska').fadeIn(1000);      
        $('#maska').fadeTo("slow",0.8);
        
        var szerokoscPopupu = $("#toplayer img").width();
        var wysokoscPopupu = $("#toplayer img").height();
  
        var pozycjaXPopupu = parseInt($(window).width()/2) - parseInt(szerokoscPopupu/2);
        var pozycjaYPopupu = (parseInt($(window).height()/2) - parseInt(wysokoscPopupu/2)) < 10 ? 10 : parseInt($(window).height()/2) - parseInt(wysokoscPopupu/2);
                    
        $('#toplayer').css({'width':szerokoscPopupu,'height':wysokoscPopupu});                 
        $('#toplayer').css({'top':pozycjaYPopupu,'left':pozycjaXPopupu});
        $('#toplayer').fadeIn(1000);      
        $('#toplayer').fadeTo("slow",1);

        $('#zamknij').css({'marginTop': parseInt(5-wysokoscPopupu)});
        
        $('#maska').click(function(){
          $('#maska').hide();
          $('#toplayer').hide();
          $('#maska').remove();
          $('#toplayer').remove();
        });
        
        $('a.ukryjToplayer').click(function(e){
          $('#maska').hide();
          $('#toplayer').hide();
          $('#maska').remove();
          $('#toplayer').remove();
          e.preventDefault();      
        });
      });
});