// JavaScript Document

$(function(){
    $(".banner, .banner_box").addClass("on");
    var swiper1 = new Swiper(".banner", {
        speed: 1000,
        autoplay: {
            delay: 4000,
            stopOnLastSlide: !1,
            disableOnInteraction: !1
        },
navigation:{
        nextEl:'.bannerBox .next',
        prevEl:'.bannerBox .prev',
    },
        loop: !0,
        paginationClickable: !0,
        effect: "fade",
        fadeEffect: {
            crossFade: !0
        },
        on: {
        //     slideChangeTransitionStart : function(swiper){
        //         var swiper = this;
        //         // 判断swiper-slide-active是否有视频
        //         if($(".banner .swiper-slide-active video").length>0){
                   
        //             // 停止自动切换
        //             swiper.autoplay.stop();
        //             // 动态增加id
        //             setTimeout(function(){
        //                 swiper.autoplay.stop();
        //                 $(".banner .swiper-slide-active video").attr("id","video_01");
                        
        //                 var _video=document.getElementById("video_01");
                        
        //                 // 播放视频
        //                 _video.play();
        //                 // 切换后重新播放视频
        //                 _video.currentTime = 0;
        //                 // 静音
        //                 _video.volume = 0;
        //                 // 监听视频播放结束
        //                 _video.addEventListener('ended', function () {  
        //                     swiper.slideNext();
        //                     //重新开始轮播banner
        //                     swiper.autoplay.start();
        //                 });
        //             }, 10);
        //         }
        //     },
        //     slideChangeTransitionEnd: function(swiper){
        //         //动态移除id
        //         setTimeout(function(){
        //             $(".banner .swiper-slide-active video").attr("id","");
        //         }, 10);
        //     },

            transitionEnd: function() {
                if (this.activeIndex == 0) {
                    delay = 4000
                } else {
                    delay = this.params.autoplay.delay;
                };
                anime({
                    targets: '.cls-loop',
                    delay: 0,
                    strokeDashoffset: function(el) {
                        var svgLength = anime.setDashoffset(el);
                        return [svgLength, 0];
                    },
                    easing: 'linear',
                    duration: delay,
                });
            },
        }
    });
});