// Main slider new

var menu = ['Карты', 'Slide 2', 'Slide 3', 'Slide 4', 'Сертификаты', 'Аренда', 'Школа', 'Соревнования']
var swiper = new Swiper('#services.services_new .main-slider', {
    spaceBetween: 300,
    effect: 'coverflow',
    grabCursor: false,
    simulateTouch: false,
    centeredSlides: true,
    slidesPerView: 'auto',
    loop: true,
    loopedSlides: 8,
    coverflowEffect: {
        rotate: 0,
        stretch: 0,
        depth: 400,
        modifier: 1,
        slideShadows : false
    },
    navigation: {
        nextEl: '#services.services_new .main-slider .next',
        prevEl: '#services.services_new .main-slider .prev'
    },
    pagination: {
        el: '#services.services_new .main-pagination',
        clickable: true,
        renderBullet: function (index, className) {
            return '<li class="' + className + '">' + '<p>' + (menu[index]) + '</p>' + '</li>';
        },
    },
    breakpoints: {
        1440: {
            coverflowEffect: {
                modifier: 1.5,
                spaceBetween: 200
            }
        },
        1024: {
            coverflowEffect: {
                spaceBetween: 0,
                stretch: 450,
                modifier: 0.7
            }
        },
        768: {
            coverflowEffect: {
                spaceBetween: 200,
                depth: 200,
                stretch: 450,
                modifier: 0.9
            }
        },
        414: {
            effect: 'slide',
            spaceBetween: 0,
            slidesPerView: 1,
        }
    }
});

swiper.on('slideChangeTransitionStart', function () {
    if ( $('#services.services_new .hide-bullet').hasClass('swiper-slide-active') ) {
        $('#services.services_new .swiper-pagination-bullet:nth-child(1)').addClass('swiper-pagination-bullet-active');
    }
    if ( $('#services.services_new .kart-slide').hasClass('swiper-slide-active') ) {
        $('#services.services_new .info-container .info:not(#kart-info)').css('display', 'none');
        $('#services.services_new #kart-info').fadeIn(300);
    } else if ( $('#services.services_new .certificate-slide').hasClass('swiper-slide-active') ) {
        $('#services.services_new .info-container .info').css('display', 'none');
        $('#services.services_new #certificate-info').fadeIn(300);
    } else if ( $('#services.services_new .rent-slide').hasClass('swiper-slide-active') ) {
        $('#services.services_new .info-container .info').css('display', 'none');
        $('#services.services_new #rent-info').fadeIn(300);
    } else if ( $('#services.services_new .school-slide').hasClass('swiper-slide-active') ) {
        $('#services.services_new .info-container .info').css('display', 'none');
        $('#services.services_new #school-info').fadeIn(300);
    } else if ( $('#services.services_new .competition-slide').hasClass('swiper-slide-active') ) {
        $('#services.services_new .info-container .info').css('display', 'none');
        $('#services.services_new #competition-info').fadeIn(300);
    }
});

$('#services.services_new .main-slider').on('click', '.swiper-slide', function (e) {
    e.stopPropagation();
    var index = $(this).index();
    if (swiper.activeIndex === index + 1) {
        e.preventDefault();
        swiper.slidePrev();
    }
    else if (swiper.activeIndex === index - 1) {
        e.preventDefault();
        swiper.slideNext();
    }
});