(()=>{
    const isSite = $('.layout-body').data('site');
    switch (isSite) {
        case 'country':
            JsCountry();
            break;

        case 'minisite':
            JsMiniste();
            break;
    
        default:
            JsCorporate();
            break;
    }
})();

function JsCorporate(){

}
function JsCountry(){
    // slide active
    let slickEle = $('.prodMenu-area .swiper-wrapper a');
    let activePosition = 0;
    slickEle.each(function(){
        if($(this).hasClass('active')){
            activePosition = $(this).data('slide');
        }
    });
    activePosition ? activePosition : 0;

    console.log(activePosition);
    var swiper = new Swiper(".prodMenu-slider", {
        initialSlide: activePosition, // เมนูที่ Active ให้กำหนดลำดับ slide ที่นี่ด้วย เพื่อให้เมนูที่ active อยู่ใน slide
        slidesPerView: 6,
        spaceBetween: 20,
        loop: false,
        speed: 800,
        navigation: {
            nextEl: ".prodMenu-area .swiper-button-next",
            prevEl: ".prodMenu-area .swiper-button-prev",
        },
        breakpoints: {
            0: {
                loop: false,
                centeredSlides: false,
                slidesPerView: "auto",
                speed: 400,
                slidesPerView: 3,
                spaceBetween: 10,
                freeMode: true,
                autoplay: false,
                slidesPerView: "auto",
            },
            767: {
                slidesPerView: false,
                slidesPerView: 4,
                spaceBetween: 10,
            },
            991: {
                slidesPerView: 5,
                spaceBetween: 20,
            },
            1199: {
                slidesPerView: 6,
                spaceBetween: 20,
            },
        },
    });


    var swiper = new Swiper(".prodDetail-vdo .swiper-nav", {
        // direction: "vertical",
        spaceBetween: 15,
        slidesPerView: 5,
        // slidesPerView: "auto",
        // freeMode: true,
        breakpoints: {
            0: {
                
            },
            768: {
                
            },
        },
        breakpoints: {
            0: {
                spaceBetween: 10,
                slidesPerView: 4,
            },
            575: {
                spaceBetween: 15,
                slidesPerView: 5,
            },
            767: {
                
            },
            991: {
                
            },
            1199: {
                
            },
        }
    });
    var swiper2 = new Swiper(".prodDetail-vdo .swiper-for", {
        spaceBetween: 10,
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
        thumbs: {
            swiper: swiper,
        },
        on: {
            transitionStart: function(){
            var videos = document.querySelectorAll('video');
                Array.prototype.forEach.call(videos, function(video){
                    video.pause();
                });
            },
            transitionEnd: function(){
                var activeIndex = this.activeIndex;
                var activeSlide = document.getElementsByClassName('swiper-slide')[activeIndex];
                var activeSlideVideo = activeSlide.getElementsByTagName('video')[0];
                activeSlideVideo.play();
            },
        }
    });
}
function JsMiniste(){

}