// init Isotope
var initial_items = 8;
var next_items = 4;
var $grid = $('.portfolio-grid').isotope({
    itemSelector: '.element-item',
    layoutMode: 'masonry',
    stamp: '.element-item--static'
});
//
// $('.portfolio-grid .element-item').addClass('fadeInUp');
// $('.portfolio-grid .element-item:nth-of-type(2)').addClass('wow');
// $('.portfolio-grid .element-item:nth-of-type(3)').addClass('wow');
// $('.portfolio-grid .element-item:nth-of-type(4)').addClass('wow');
// $('.portfolio-grid .element-item:nth-of-type(5)').addClass('wow');
// $('.portfolio-grid .element-item:nth-of-type(6)').addClass('wow');
// $('.portfolio-grid .element-item:nth-of-type(7)').addClass('wow');
// $('.portfolio-grid .element-item:nth-of-type(8)').addClass('wow');
// $('.portfolio-grid .element-item:nth-of-type(9)').addClass('wow');

// bind filter button click
$('.button-group-home').on('click', 'button', function() {
    var filterValue = $(this).attr('data-filter');
    // use filterFn if matches value
    $grid.isotope({
        filter: filterValue
    });
    updateFilterCounts();
});

function updateFilterCounts() {
    // get filtered item elements
    var itemElems = $grid.isotope('getFilteredItemElements');
    var count_items = $(itemElems).length;

    if (count_items > initial_items) {
        $('#showMore').show();
    } else {
        $('#showMore').hide();
    }
    if ($('.element-item').hasClass('visible_item')) {
        $('.element-item').removeClass('visible_item');
    }
    var index = 0;

    $(itemElems).each(function() {
        if (index >= initial_items) {
            $(this).addClass('visible_item');
        }
        index++;
    });
    $grid.isotope('layout');
}
// change is-checked class on buttons
$('.button-group-home').each(function(i, buttonGroup) {
    var $buttonGroup = $(buttonGroup);
    $buttonGroup.on('click', 'button', function() {
        $buttonGroup.find('.is-checked').removeClass('is-checked');
        $(this).addClass('is-checked');
    });
});

function showNextItems(pagination) {
    var itemsMax = $('.visible_item').length;
    var itemsCount = 0;
    $('.visible_item').each(function() {
        if (itemsCount < pagination) {
            $(this).removeClass('visible_item');
            itemsCount++;
        }
    });
    if (itemsCount >= itemsMax) {
        $('#showMore').hide();
    }
    $grid.isotope('layout');
}
// function that hides items when page is loaded
function hideItems(pagination) {
    var itemsMax = $('.element-item').length;
    var itemsCount = 0;
    $('.element-item').each(function() {
        if (itemsCount >= pagination) {
            $(this).addClass('visible_item');
        }
        itemsCount++;
    });
    if (itemsCount < itemsMax || initial_items >= itemsMax) {
        $('#showMore').hide();
    }
    $grid.isotope('layout');
}
$('#showMore').on('click', function(e) {
    e.preventDefault();
    showNextItems(next_items);
});
hideItems(initial_items);