$(function () {
    $('a.catalog-product-lightbox').click(function () {
        var relInfo = this.rel.split('-');
        catalogProductLightboxGenerate(relInfo[0], relInfo[1], this.title);
    });
});

function catalogProductLightboxGenerate(catalogId, productId, title) {
    var pphotos = $('#catalogProductPhotos_' + productId);
    if (!pphotos.length) {
        //loading
        var loading = $('#catalogProductLightboxGenerateLoading');
        if (!loading.length) {
            loading = $('<div></div>');
            loading.addClass('loading');
            loading.attr('id','catalogProductLightboxGenerateLoading');
            loading.appendTo($('body'));
            loading.width($(document).width());
            loading.height($(document).height());
            loading.click(function () {
                $(this).remove();
            });
        } else {
            loading.show();
        }
        loading.css('background-position','50% ' + ($(window).height() / 2 + $(document).scrollTop()) + 'px');
        //loadneme fotky
        $.getJSON(WEBROOT + '/catalog/product/photos-json/',{
            catalog: catalogId,
            id: productId
        },function (photos) {
            pphotos = $('<div></div>');
            pphotos.addClass('catalog-product-lightbox-generated')
            pphotos.attr('id','catalogProductPhotos_' + productId);
            for (var i = 0 ; i < photos.length ; i++) {
                pphotos.append('<a href="'+photos[i].fs+'" title="'+title+'" rel="lightbox">'+i+'</a>');
            }
            pphotos.appendTo($('body'));
            $('a',pphotos).lightBox({
                imageLoading: '/public/themes/lightbox/images/lightbox-ico-loading.gif',
                imageBtnClose: '/public/themes/lightbox/images/lightbox-btn-close.gif',
                imageBtnPrev: '/public/themes/lightbox/images/lightbox-btn-prev.gif',
                imageBtnNext: '/public/themes/lightbox/images/lightbox-btn-next.gif',
                imageBlank: '/public/themes/lightbox/images/lightbox-blank.gif',
                txtImage: '',
                txtOf: ' / '
            });
            //zrusime loading
            $('#catalogProductLightboxGenerateLoading').hide();
            //zpustime lightbox
            $('a:eq(0)',pphotos).trigger('click');
        });
    } else {
        $('a:eq(0)',pphotos).trigger('click');
    }
}