function galeria(id) {
    var data_string = '&id=' + id;
    var img_count;
    var i = 0;
    var window_height = parseInt($(window).height()-($(window).height()/8));
    var gallery_height = window_height;
    var gallery_width = 770;
    var frame_width = parseInt(window_height/8);
    var frame_height = parseInt(window_height/8);
    var gallery_margin = parseInt(window_height/100);

    function myCallback() {
        $('#galeria_gora').css({
            'top':'-'+(frame_height/2.7)-7+ 'px',
            'font-size': frame_height/5 + 'px'
        });
        $("#loading").hide();
        $("#of_foto_u").fadeIn();

        var panel_height = window_height - (frame_height + 4*gallery_margin);
        var strip_size = Math.floor((gallery_width-(3*frame_width))/frame_width);
        var frame_margin = Math.floor(((gallery_width-(2*frame_width))-(strip_size*frame_width))/strip_size-1);

        var strip_left_margin = frame_width;

        if (img_count<strip_size) {
            strip_size = img_count;
            frame_margin = Math.floor(((770-(2*frame_width))-((strip_size)*frame_width))/(strip_size+1));
            strip_left_margin = (770 - (770-(2*frame_width)))/2;
        }

        $('#galeria_oferty').galleryView({

            panel_width: gallery_width,
            transition_speed: 600,
            border: 'none',
            overlay_height: 52,
            filmstrip_position: 'top',
            overlay_position: 'top',
            nav_theme: 'light',
            gallery_height: gallery_height,
            frame_width: frame_width,
            frame_height: frame_height,
            gallery_margin: gallery_margin,
            panel_height: panel_height,
            frame_margin: frame_margin,
            strip_size: strip_size,
            strip_left_margin: strip_left_margin,
            img_count: img_count
        });
    }

    function imageLoaded(elementsLoadedCount, totalImagesCount) {
        var percent = Math.round((elementsLoadedCount / totalImagesCount) * 100);
        $('#progressbar').progressbar('option', 'value', percent);
        $('#loading span').html('   '+percent+'%');
    }

    $.ajax({
        type: "POST",
        url: "galeria.php",
        data: data_string,
        dataType: 'json',
        success: function(data) {
            img_count = parseInt(data[0]);

            if (img_count > 0) {
                $("#of_foto_u").hide();
                $("#of_foto_u").append("<div id=\"of_foto_ua\"><div id=\"galeria_gora\"><div id=\"numer_strony\"></div></div><div id=\"galeria_oferty\" class=\"galleryview\"><ul class=\"filmstrip\"></ul></div></div>");
                $("#progressbar").progressbar({ value: 0 });

                if ( $.browser.msie ) {
                    img_count--;
                    for (var i = 0; i <= img_count; i++) {
                        $('#galeria_oferty').append("<div class=\"panel\"><img src='"+data[1][0][i]+"' ></img></div>");
                        $(".filmstrip").append("<li><img src='"+data[1][1][i]+"' width = " + frame_width + " height = " + frame_height + " ></img></li>");
                    }
                }
                else {
                    for (var i = 0; i <= img_count; i++) {
                    $('#galeria_oferty').append("<div class=\"panel\"><img src='"+data[1][0][i]+"' ></img></div>");
                    $(".filmstrip").append("<li><img src='"+data[1][1][i]+"' width = " + frame_width + " height = " + frame_height + " ></img></li>");
                }

}                $(".panel, .filmstrip").find('img').batchImageLoad({
                    loadingCompleteCallback: myCallback,
                    imageLoadedCallback: imageLoaded
                })
            }
            else {
                $("#loading").hide();
            }
        }
    });
}