$(document).ready(function() {
    
    $("a.datasheet-view").colorbox({
        'rel': 'datasheet-view',
        'opacity': 0.6,
        'current': "Strona {current} z {total}"
    });
    
    if($("#datasheet-preview").length == 1){
        
        $("#datasheet-preview").find("#cboxPrevious").addClass('button-disabled');
        $("#datasheet-preview").find("#cboxNext").addClass('button-disabled');
        var nextButton = $("#datasheet-preview").find("#cboxNext");
        
        var id_file = $("#datasheet-preview").find("img").attr('id_file');

        var pageNo   = 0;
        var nextPage = pageNo + 1;

        var pages = new Array();
        pages[pageNo] = $("#datasheet-preview").find("img").clone();

        $('<img />')
        .attr('src', '/datasheet-thumbs/big/' + id_file + '_' + nextPage + '.png')
        .load(function(){
            pages[nextPage] = $(this);
            nextButton.removeClass('button-disabled');
        });
    
        $("#datasheet-preview").find("#cboxNext").click(function(){

            if(false == $(this).hasClass('button-disabled')){

                $(this).addClass('button-disabled');

                pageNo = pageNo + 1;
                nextPage = pageNo + 1;

                $("#datasheet-preview").find("img").replaceWith(pages[pageNo]);

                if(false == nextPage in pages){
                    $('<img />')
                    .attr('src', '/datasheet-thumbs/big/' + id_file + '_' + nextPage + '.png')
                    .load(function(){
                        pages[nextPage] = $(this);
                        nextButton.removeClass('button-disabled');
                    });
                }
                else{
                    nextButton.removeClass('button-disabled');
                }

                $("#datasheet-preview").find("#cboxPrevious").removeClass('button-disabled');
            }

        });

        $("#datasheet-preview").find("#cboxPrevious").click(function(){
            if(false == $(this).hasClass('button-disabled')){
                var prevPage = pageNo - 1;
                if(prevPage >= 0){
                    $("#datasheet-preview").find("img").replaceWith(pages[prevPage]);
                    pageNo = prevPage;
                }
                if(prevPage <= 0){
                    $("#datasheet-preview").find("#cboxPrevious").addClass('button-disabled');
                }
                $("#datasheet-preview").find("#cboxNext").removeClass('button-disabled');
            }
        });
    }

});