jQuery(document).ready(function () {
    var urlGalleryApi = maysspaConfig.apiUrl + 'api/v1/gallery?companyUId=' + maysspaConfig.companyId + '&pageSize=9999';
    jQuery.ajax({
        url: urlGalleryApi,
        contentType: "application/json",
        dataType: 'json',
        beforeSend: function () {
            $(".load-wrapp").removeClass('hidden');
        },
        complete: function () {
            $(".load-wrapp").addClass('hidden');
        },
        success: function (result) {
            var total = result.total;
            var gallery = result.data.filter(function(item) { return item.active; });
            if (parseInt(total) == 0) {
                jQuery('#gallery-list').html('No gallery item found');                
                jQuery("#loading").addClass('hidden');
            } else {
                var html = '';
                jQuery.each(gallery, function (i, item) {
                    if(item.category == "Gallery") {
                        html += '<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12">';
                        html += '<div class="ro-space-img ro-center-block">';
                        html += '<a data-fancybox="group" href="'+ item.url +'" data-fancybox data-caption"Gallery"><img src="' + item.thumbnailUrl + '" class="img-responsive" alt="Gallery Photo" />';
                        html += '</a>';
                        html += '</div>';
                        html += '</div>';
                    }
                });
                jQuery('.gallery-photos').html(html);
                $(".load-wrapp").addClass('hidden');
            }
        }
    });   
});