$(document).ready(function () {
    var $body = $('body');

    $body.on("click", "[data-open-filter]", function () {
        openFilter();
    });

    $body.on("click", "[data-close-filter]", function () {
        closeFilter();
    });

    if($(window).width()){
        // init category price matchHeight
        $("[data-category-height]").matchHeight({
            byRow: true,
            property: 'height',
            target: null,
            remove: false
        });
        // END
    }
});

// open filters
function openFilter() {
    $("[data-filter-bg]").fadeIn(200);
    $("[data-filter-block]").animate({
        right: '0'
    }, 200);
    $("body").addClass("modal-open");
    $("html").addClass("modal-open");
}
// END


// close filters
function closeFilter() {
    var $filterBlock = $("[data-filter-block]"),
        mobileMenuWidth = $filterBlock.outerWidth();

    $filterBlock.animate({
        right: -mobileMenuWidth
    }, 200);
    $("[data-filter-bg]").fadeOut(200);
    $("body").removeClass("modal-open");
    $("html").removeClass("modal-open");
}
// END