/* ---------- js ---------- */

jQuery(function ($) {


    /* 모바일 메뉴 열기 */
    function mNav_open() {
        $(".btn-nav").addClass("mNav_open");
        $("#header .navWrap").addClass("mNav_open");
        $(".gnbMenuBg").fadeIn();
    }

    function mNav_close() {
        $(".btn-nav").removeClass("mNav_open");
        $("#header .navWrap").removeClass("mNav_open");
        $(".gnbMenuBg").fadeOut();

    }

    $(".btn-nav").click(function () {
        if (!$(this).hasClass("mNav_open")) {
            mNav_open();
        } else {
            mNav_close();
        }
    });

    $(".gnbMenuBg,.mobile-header-close,.navWrap .gnb > li > a,.header-go-to-top").click(function () {
        mNav_close();
    });


    $(window).resize(function () {
        if ($(window).width() > 991) {
            mNav_close();
        };
    });


    $(window).scroll(function () {
        if ($(this).scrollTop() > 150)
            $('.go-to-top').fadeIn('slow');
        else
            $('.go-to-top').fadeOut('slow');
    });

    $('.header-go-to-top').click(function () {
        $("html, body").animate({
            scrollTop: 0
        }, 500);
        return false;
    });

    $('.go-to-top').click(function () {
        $("html, body").animate({
            scrollTop: 0
        }, 500);
        return false;
    });



// init Isotope
var initial_items = 8;
var next_items = 4;
var $grid = $('.portfolio-grid').isotope({
    itemSelector: '.element-item',
    layoutMode: 'masonry',
    stamp: '.element-item--static'
});

// 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);


});