// Inizializza Masonry
const masonryGrid = new Masonry('.grid', {
    itemSelector: '.grid-item',
    columnWidth: '.grid-sizer',
    percentPosition: true,
    fitWidth: true
});

const infiniteScroll = new InfiniteScroll({
    containerSelector: '#container-media',
    loadUrl: 'https://www.studiodanzainsieme.it/assets/ajax/get-media.php',
    itemsPerPage: 10,
    threshold: 500,
    masonryInstance: masonryGrid,
    customParams: {},
    debug: false
});

$('.pid_album').on('click', function() {
    const pid_album = $(this).data('filter');
    $('#container-media').append('<li class="grid-sizer"></li>');
    infiniteScroll.forceReload({ pid_album: pid_album });
});

$('.all_pid_album').on('click', function() {
    const pid_album = '';
    $('#container-media').append('<li class="grid-sizer"></li>');
    infiniteScroll.forceReload({ pid_album: pid_album });
});