katalog="zdjecia/";
    katalogThumbow="zdjecia/sm/";
    //thumby muszą się tworzyć 30x30px jpg - mogą być zniekształcone, byle bez dziur :)
    
    currentPicture=-1;

    $(function(){
     $(".container").css({backgroundImage: "none",position:"relative"});
     
     $(".body").css({zIndex:100,position:"relative"});
     $(".topmenu").css({zIndex:101,position:"relative"});
     $(".footer").css({zIndex:102,position:"relative"});

      
     setMeUp(".container");
     setTimeout(function(){swapMe(false);},5000); 
     
    }) 

    function setMeUp(referenceDiv){
        $(referenceDiv).append("<div id='container_override'></div><div id='container_top'></div><div id='container_bottom'></div>");
        refWidth=$(referenceDiv).width();
        refHeight=$(referenceDiv).height();
        
        $("#container_override,#container_top,#container_bottom").css({width:refWidth, height:refHeight, position:"absolute", top:0, left:0});
        $("#container_override").css({zIndex:98,opacity:0});                                           
        $("#container_top").css({zIndex:97});                                           
        $("#container_bottom").css({zIndex:96});                                             
        pic=getNextPicture();
        $("#container_override,#container_top,#container_bottom").css({backgroundImage: pic});
        
        //create thumbs
        $(referenceDiv).append("<div id='gallery_nav_bar'></div>");      
        $("#gallery_nav_bar").css({zIndex:103,position:"absolute",bottom:"75px",right:"15px"});
        counter=-1;
        
        if(zdjecia.length>1){                        
            for (img in zdjecia){
                counter++;
                 $("#gallery_nav_bar").append("<a id='thumb_"+counter+"' href='javascript:showPic("+counter+")'><img src='"+katalogThumbow+zdjecia[img]+"'/>"+"</a>");      
                 $("#gallery_nav_bar #thumb_"+counter).css({margin:"0px 10px 0px 0px", border:"3px solid black", display: "block", width:"30px", height:"30px", float:"left", background:"#000000"});
                 $("#gallery_nav_bar #thumb_"+counter+" img").css({border: "none"});
            }
        }
    }

    function swapMe(override){
        if(override){
        
        $("#container_override").css({backgroundImage: getCurrentPicture()});
        $("#container_top, #container_override").stop();
        $("#container_override").animate({ opacity: 1 }, 500 , function(){ 
                    $("#container_top,#container_bottom").css({backgroundImage:getCurrentPicture()}); 
                    $("#container_top,#container_bottom").css({opacity:1}); 
                    $("#container_override").animate({ opacity: 0 }, 6000 , function(){
                        swapMe(false);  
                })         
         } ); 
        
        }
        else
        {
            
         $("#container_bottom").css({backgroundImage: getNextPicture()});
         $("#container_top").animate({ opacity: 0 }, 3000 , function(){ 
                $("#container_top").css({backgroundImage:getCurrentPicture()}); 
                $("#container_top").css({opacity:1}); 
                $("#container_top").animate({ opacity: 1 }, 6000 , function(){
                    swapMe(false);  
                })         
            } );

        }
    }

    function showPic(number){
        
        $("#gallery_nav_bar #thumb_"+currentPicture).css({border:"3px solid black"});
        currentPicture=number;                           
        currentPicture=currentPicture%zdjecia.length;
        $("#gallery_nav_bar #thumb_"+currentPicture).css({border:"3px solid white"});
        swapMe(true);
    }

    function getNextPicture(){
        $("#gallery_nav_bar #thumb_"+currentPicture).css({border:"3px solid black"});
        currentPicture++;                               
        currentPicture=currentPicture%zdjecia.length;
        $("#gallery_nav_bar #thumb_"+currentPicture).css({border:"3px solid white"});
        return "url("+katalog+zdjecia[currentPicture]+")";
    }

    function getCurrentPicture(){
        return "url("+katalog+zdjecia[currentPicture]+")";
    }