$(document).ready(function () {

    // const swiperProject = new Swiper('.swiperProject', {
    //     direction: getDirection(),
    //     loop: true,
    //     autoplay: {  
    //         delay: 2000,   
    //         disableOnInteraction: true,  
    //     },
    //     speed: 500,
    //     slidesPerView: 'auto',
    //     centeredSlides: true,
    //     spaceBetween: 20,
    //     // breakpoints: {
    //     //     600: { 
    //     //         spaceBetween: 40,
    //     //     },
    //     //     900: { //900 이상일 경우 
    //     //         spaceBetween: 60,
    //     //     },
    //     // },
    //     // navigation: {
    //     //     nextEl: '.swiperProjectNext',
    //     //     prevEl: '.swiperProjectPrev',
    //     // },
    //     on: {
    //         resize: function () {
    //             swiperProject.changeDirection(getDirection());
    //         },
    //     },

    // });


    let realSlideCount = $('.swiperProject .swiper-slide').length;

    let swiper = new Swiper('.swiperProject', {
        slidesPerView: 2,
        spaceBetween: 10,
        allowTouchMove: realSlideCount > 1,
        loopedSlides: 6,
        autoplay: realSlideCount > 1 ? {
            delay: 3000,
            disableOnInteraction: false,
        } : false,
        direction: getDirection(),
        loop: realSlideCount > 1,
        breakpoints: {
            600: {
                slidesPerView: 2,
                spaceBetween: 20,
            },
            900: { //900 이상일 경우 
                slidesPerView: 3,
            },
        },
        on: {
            resize: function () {
                swiper.changeDirection(getDirection());
            },
        },
    });

    $('.swiper-slide').hover(function () {
        swiper.autoplay.stop();
    }, function () {
        swiper.autoplay.start();
    });

    function getDirection() {
        var windowWidth = window.innerWidth;
        var direction = window.innerWidth <= 0 ? 'vertical' : 'horizontal';

        return direction;
    }
});