var arr = ["","坑", "涧", "窠", "窝", "岗", "洞", "岩"];
var swiper1 = new Swiper('.swiper1', {
    effect: 'fade',
    speed: 1000,
    loop: true,
    autoplay: {
        delay: 2000,
        disableOnInteraction: false,
    },
    pagination: {
        el: '.swiper-pagination1',
        clickable: true,
        renderBullet: function (index, className) {
            return '<span class="' + className + '">' + arr[index] + '</span>';
        }
    },
});
var str = ["","活", "甘", "清", "香"];
var interleaveOffset = -0.1;
var swiper2 = new Swiper('.swiper2', {
    loop: true,
    speed: 1000,
    watchSlidesProgress: true,
    effect: 'fade',
    autoplay: {
        delay: 2000,
        disableOnInteraction: false,
    },
    pagination: {
        el: '.swiper-pagination2',
        clickable: true,
        renderBullet: function (index, className) {
            return '<span class="' + className + '">' + str[index] + '</span>';
        }
    },
    on: {
        progress: function () {
            var swiper = this;
            for (var i = 0; i < swiper.slides.length; i++) {
                var slideProgress = swiper.slides[i].progress;
                var innerOffset = swiper.width * interleaveOffset;
                var innerTranslate = slideProgress * innerOffset;
                swiper.slides[i].querySelector(".slide-inner").style.transform =
                    "translate3d(" + innerTranslate + "px, 0, 0)";
            }
        },
        touchStart: function () {
            var swiper = this;
            for (var i = 0; i < swiper.slides.length; i++) {
                swiper.slides[i].style.transition = "";
            }
        },
        setTransition: function (speed) {
            var swiper = this;
            for (var i = 0; i < swiper.slides.length; i++) {
                swiper.slides[i].style.transition = speed + "ms";
                swiper.slides[i].querySelector(".slide-inner").style.transition =
                    speed + "ms";
            }
        }
    }
});
var swiper3 = new Swiper('.swiper3', {
    speed: 1000,
    loop: true,
    pagination: {
        el: '.swiper-pagination3',
        type: 'fraction'
    },
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev'
    }
});
$(".video-play-btn").click(function () {
    $(this).siblings("video")[0].play();
    $(this).siblings("video").addClass("active");
    $(this).hide();
    $(".video").addClass("active");
    $(".show-video").css("opacity", 1);
});
$(".video-pause-btn").click(function () {
    $(this).siblings("video")[0].pause();
    $(this).siblings(".video-play-btn").show();
    $(".show-video").css("opacity", 0);
    $(".video").removeClass("active");
});