window.onload = function() {
    var mySwiperNews = new Swiper('.swiper-container-news', {
        loop: true,
        effect: 'fade',
        speed: 800,
        autoplay: {
            delay: 3000, //1秒切换一次
        },
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            clickable: true,
            renderBullet: function(index, className) {
                return '<span class="' + className + '">' + (index + 1) + '</span>';
            },

        },
    })
    let swiperContainerNews = document.querySelector('.swiper-container-news');
    if (swiperContainerNews) {
        swiperContainerNews.style.overflow = 'initial';
    }

    $('.list-href').each(
        function() {
            let pageName = $(this).attr('data-href');
            $(this).find('a.news-title').each(function() {
                $(this).attr('href', `${$(this).attr('href')}?pageName="${pageName}"`)
            })
        }
    )


    $(function() {
        var viewSwiper = new Swiper('.view .swiper-container', {
            onSlideChangeStart: function() {
            }
        })

 

        var previewSwiper = new Swiper('.preview .swiper-container', {
            //visibilityFullFit: true,
            slidesPerView: 'auto',
            allowTouchMove: false,
            slidesPerView: 4,
            spaceBetween: 12,
            slidesOffsetAfter: 182,
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            on: {
                init: function() {
                    $('.preview .swiper-slide').eq(0).addClass('active-nav');
                    $('.preview .swiper-slide img').mouseover(function() {
                        let i = $(this).attr('data-index');
                        viewSwiper.slideTo(--i, 2000, false);
                        updateNavPosition();
                    })
                },
                slideChangeTransitionStart: function() {
                    console.log(this.activeIndex);
                    viewSwiper.slideTo(this.activeIndex, 2000, false)
                    updateNavPosition();
                }
            },
            speed: 1000,
            autoplay: {
                delay: 5000, //1秒切换一次
            },
        })

        function updateNavPosition() {
            $('.preview .active-nav').removeClass('active-nav')
            var activeNav = $('.preview .swiper-slide').eq(viewSwiper.activeIndex).addClass('active-nav')
            if (!activeNav.hasClass('swiper-slide-visible')) {
                if (activeNav.index() > previewSwiper.activeIndex) {
                    var thumbsPerNav = Math.floor(previewSwiper.width / activeNav.width()) - 1
                    previewSwiper.slideTo(activeNav.index() - thumbsPerNav)
                } else {
                    previewSwiper.slideTo(activeNav.index())
                }
            }
        }
    })
}