<script>
/**
 * Clickfunnels Gallery Code
 *
 * Author: Christian Cisneros
 *
 * Website: https://christiancisneros.me
 */
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.10.0/js/lightbox.js"></script>
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script>
/**
 * Masonry Grid
 */
var $masonryContainer = $('[data-title~=masonry-row] .col-inner');

if ($masonryContainer.length) { // Is there a masonry in the page?
    $masonryContainer.addClass('grid');
    $masonryContainer.children().each(function() {
        $(this).addClass('grid-item');
    });

    if ($(window).width() > 640) {
        var msnry = new Masonry('.grid', {
            columnWidth: '.grid-item',
            itemSelector: '.grid-item',
            gutter: 10,
            percentPosition: false
        });

        imagesLoaded(document.querySelector('.grid')).on('progress', function() {
            msnry.layout();
        });
    }

    /**
     * Masonry Lightboxes
     */
    var currentImgSrc = null;
    $('.grid img').each(function() {
        currentImgSrc = $(this).attr('src');
        $(this).wrap('<a href="' + currentImgSrc + '" data-lightbox="masonry" class="masonry-link"></a>');
    });
}
</script>