$('.hero__slider').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    autoplay: true,
    autoplaySpeed: 6000,
    speed: 500,
    fade: true,
    prevArrow: '.hero__arrows--prev',
    nextArrow: '.hero__arrows--next',
});

$('.education-top__slider').slick({
    slidesToShow: 4,
    slidesToScroll: 1,
    prevArrow: '.education-top__arrows--prev',
    nextArrow: '.education-top__arrows--next',
    infinite: true,
    responsive: [{
        breakpoint: 992,
        settings: {
            slidesToShow: 1
        }
    }]
});

let gallerySlider = $('.gallery__slider').slick({
    slidesToShow: 4,
    slidesToScroll: 1,
    infinite: true,
    speed: 300,
    prevArrow: '.gallery .slick-prev',
    nextArrow: '.gallery .slick-next',
    asNavFor: '.gallery__slider-big',
    responsive: [{
        breakpoint: 992,
        settings: {
            slidesToShow: 1
        }
    }]
});

let gallerySliderBig = $('.gallery__slider-big').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    infinite: true,
    arrows: false,
    speed: 300,
    fade: true,
    asNavFor: '.gallery__slider',
});

$('.feedback__slider').slick({
    slidesToShow: 2,
    slidesToScroll: 1,
    infinite: true,
    prevArrow: '.feedback__arrows--prev',
    nextArrow: '.feedback__arrows--next',
    dots: true,
    responsive: [{
        breakpoint: 992,
        settings: {
            slidesToShow: 1
        }
    }]
});

$('.results__slider').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    infinite: true,
    dots: true,
    asNavFor: '.results__title-slider, .results__content-slider, .results__buttons-slider'
});

$('.results__title-slider').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    infinite: true,
    arrows: false,
    fade: true,
    asNavFor: '.results__slider, .results__content-slider, .results__buttons-slider'
});

$('.results__content-slider').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    infinite: true,
    arrows: false,
    fade: true,
    asNavFor: '.results__slider, .results__title-slider, .results__buttons-slider'
});

$('.results__buttons-slider').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    infinite: true,
    arrows: false,
    fade: true,
    asNavFor: '.results__slider, .results__title-slider, .results__content-slider'
});

$('.gallery__slider .slick-slide').map(function() {
    $(this).find('.gallery__slide .miniature').click(function() {
        $('body').addClass('body_oh');
        $('.gallery__slider-big').addClass('big-gallery-active');
        $('.gallery__slider-buttons .slick-prev').addClass('big-gallery-buttons_active');
        $('.gallery__slider-buttons .slick-next').addClass('big-gallery-buttons_active');
        $('.gallery__slider-buttons .slick-close').addClass('big-gallery-button-close_active');
        gallerySliderBig.slick('slickGoTo', $(this).parents('.slick-slide').attr('data-slick-index'), false);
    });
});

// В класс "page" обернуто все содержимое страницы. 
// Можно повесить событие и на body, но тогда это меню не будет работать на I-pad
$('body').click(function(event) {
    // проверяем находится ли элемент на который кликнули в нашем меню,
    // то есть в контейнере "menu-container"
    var eventInMenu1 = $(event.target).parents('.gallery__slider-big .slick-slide');
    var eventInMenu2 = $(event.target).parents('.gallery__slider .slick-slide');
    var eventInMenu3 = $(event.target).is('.gallery__slider-buttons .slick-next');
    var eventInMenu4 = $(event.target).is('.gallery__slider-buttons .slick-prev');

    // если родителя нет, значит клик был вне меню и меню сворачиваем
    if (!eventInMenu1.length && !eventInMenu2.length && !eventInMenu3 && !eventInMenu4) {
        $('body').removeClass('body_oh');
        $('.gallery__slider-big').removeClass('big-gallery-active');
        $('.gallery__slider-buttons .slick-prev').removeClass('big-gallery-buttons_active');
        $('.gallery__slider-buttons .slick-next').removeClass('big-gallery-buttons_active');
        $('.gallery__slider-buttons .slick-close').removeClass('big-gallery-button-close_active');
    }
});