﻿var imgArray=[];
var imgBigArray=[];

function changeImage(src,opt){
    var id_image = jQuery.inArray(src, $(imgBigArray));
    $('#zdjecie-show').remove();
    if(imgBigArray[id_image+opt]){
    var img = $('<img id="zdjecie-show" />');
        $(img).attr('src',imgBigArray[id_image+opt]);
            if(imgBigArray[id_image+1]){
                $(img).bind("click", function(){
                    changeImage(imgBigArray[id_image+1],1);
                });
            }
        $('#lightbox-panel').append(img);
    }
    $('#lightbox-panel').css({
        'width' : '600px',
        'height': '900px'
        });
}

$(document).ready(function(){    
    jQuery.each($('.thumb img'), function(i, val) {
        imgArray[i] = $(val).attr('src');
        imgBigArray[i] = imgArray[i].replace("small", "huge");
    });

    $('a.thumb img').live("click", function(){
        changeImage($(this).attr('src').replace("small", "huge"),0);
    });

    $('a.advance-link img').live("click", function(){
        var src = $(this).attr('src').replace("big", "huge");
        changeImage(src,1);
    });


    $("#fullscreen,#fullscreen_text").click(function(){        
        $("#lightbox, #lightbox-panel").fadeIn(300);
    })
    $("p#close-panel").click(function(){
        $("#lightbox, #lightbox-panel").fadeOut(300);
    })
    
    if(!$('#zdjecie-show').attr('src')){
        changeImage($('a.thumb img').attr('src').replace("small", "huge"),0);
    }

});




