$(document).ready(function () {


    const swiperMainTopMenu = ['±¹¹æºÎ', '¿ì¸®ÀºÇà', 'ŲÅؽº', '±¸±Û', '»ï¾ç½ÄÇ°', 'Çѱ¹¼öÀÚ¿ø°ø»ç']
    const swiperMainTop = new Swiper('.swiperMainTop', {
        // If we need pagination
        pagination: {
            el: '.swiperMainTopPaging',
            clickable: true,
            renderBullet: function (index, className) {
                return '<span class="' + className + '">' + (swiperMainTopMenu[index]) + '</span>';
            },
        },
        // autoHeight : true,  
        effect: 'slide',
        autoplay: {
            delay: 4000,
        },
        slidesPerView: 1,
        spaceBetween: 0,
        loop: true,
        breakpoints: {
            1200: {
                autoHeight: false,
            },
        },
        on: {
            resize: function () {
                swiperMainTop.changeDirection(getDirection());
            },
        },
    })


    // const swiperMainCnt = new Swiper('.swiperMainCnt', {
    //     slidesPerView: 'auto',  // 'auto'·Î ¼³Á¤ÇÏ¿© ½½¶óÀ̵尡 CSS¿¡ µû¶ó ÀÚµ¿À¸·Î Å©±â°¡ Á¶Á¤µÊ
    //     spaceBetween: 20,
    //     direction: getDirection(),
    //     loop: false,
    //     preventClicks: false,
    //     preventClicksPropagation: false,
    //     // autoplay: {
    //     //     delay: 3000,
    //     // },
    //     navigation: {
    //         nextEl: '.swiperMainCntNext',
    //         prevEl: '.swiperMainCntPrev',
    //     },
    //     breakpoints: {
    //         1199: { 
    //             spaceBetween: 40,
    //         },
    //     },
    //     on: {
    //         resize: function () {
    //             swiperMainCnt.changeDirection(getDirection());
    //         },
    //     },
    // });


    const swiperChageText = new Swiper('.swiperChageText', {
        slidesPerView: 1,
        spaceBetween: 10,
        touchRatio: 0,
        direction: getDirection(),
        loop: true,
        preventClicks: false,
        preventClicksPropagation: false,
        autoplay: {
            delay: 1500,
        },
        speed: 2000,
        on: {
            resize: function () {
                swiperCert.changeDirection(getDirection());
            },
        },
    });


    const swiperMainClient = new Swiper('.swiperMainClient', {
        direction: getDirection(),
        autoplay: {
            delay: 0,
            disableOnInteraction: false,
        },
        speed: 5000,
        loop: true,
        slidesPerView: 3,
        spaceBetween: 10,
        touchRatio: 0,
        breakpoints: {
            600: {
                slidesPerView: 5,
            },
            900: {
                slidesPerView: 6,
            },
            1200: {
                slidesPerView: 8,
                spaceBetween: 20,
            },
        },
        on: {
            resize: function () {
                swiperMainClient.changeDirection(getDirection());
            },
        },
    });



    const swiperCert = new Swiper('.swiperCert', {
        slidesPerView: 3,
        spaceBetween: 10,
        direction: getDirection(),
        loop: true,
        preventClicks: false,
        preventClicksPropagation: false,
        autoplay: {
            delay: 3000,
        },
        breakpoints: {
            600: {
                spaceBetween: 20,
            },


            900: {
                slidesPerView: 5,
                spaceBetween: 20,
            },



            1200: {
                slidesPerView: 7,
                spaceBetween: 20,
            },



        },
        on: {
            resize: function () {
                swiperCert.changeDirection(getDirection());
            },
        },
    });


    const swiperOffice = new Swiper('.swiperOffice', {
        slidesPerView: 1.5,
        spaceBetween: 10,
        direction: getDirection(),
        loop: true,
        preventClicks: false,
        preventClicksPropagation: false,
        navigation: {
            nextEl: '.swiperOfficeNext',
            prevEl: '.swiperOfficePrev',
        },
        autoplay: {
            delay: 3000,
        },
        // breakpoints: {
        //     599: {
        //         slidesPerView: 2,
        //     },
        // },
        on: {
            resize: function () {
                swiperOffice.changeDirection(getDirection());
            },
        },
    });


    const swiperExhib = new Swiper('.swiperExhib', {
        slidesPerView: 1.5,
        spaceBetween: 10,
        direction: getDirection(),
        loop: true,
        preventClicks: false,
        preventClicksPropagation: false,
        autoplay: {
            delay: 3000,
        },
        // breakpoints: {
        //     599: {
        //         slidesPerView: 2,
        //     },
        // },
        on: {
            resize: function () {
                swiperExhib.changeDirection(getDirection());
            },
        },
    });




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


        return direction;
    }
});