var swiper = new Swiper('.swiper-container-h', {
    direction: 'vertical',
    slidesPerView: 'auto',
    mousewheel: true,
    parallax: true,
    speed: 1000,
    pagination: {
        el: '.swiper-pagination',
    },
    on: {
        init: function () {
            swiperAnimateCache(this); //隐藏动画元素 
            swiperAnimate(this); //初始化完成开始动画
        },
        slideChangeTransitionEnd: function () {
            if (this.activeIndex == 1) {
                countUp([{
                    name: 'number1',
                    value: 19
                }, {
                    name: 'number2',
                    value: 237
                }, {
                    name: 'number3',
                    value: 380
                }, {
                    name: 'number4',
                    value: 90
                }]);
                $('.swiper-slide-h-2').addClass('weiq-bg-animation');
                $('.swiper-slide-h-8').removeClass('weiq-bg-animation');
            } else if (this.activeIndex == 2) {
                countUp([{
                    name: 'number21',
                    value: 1
                }, {
                    name: 'number23',
                    value: 10
                }, {
                    name: 'number24',
                    value: 2000
                }]);
                $('.swiper-slide-h-8').addClass('weiq-bg-animation');
                $('.swiper-slide-h-2').removeClass('weiq-bg-animation');
                $('.swiper-slide-h-3').removeClass('weiq-bg-animation');
            } else if (this.activeIndex == 3) {
                countUp([{
                    name: 'number5',
                    value: 30
                }, {
                    name: 'number6',
                    value: 900
                }, {
                    name: 'number7',
                    value: 120
                }, {
                    name: 'number8',
                    value: 100
                }]);
                $('.swiper-slide-h-3').addClass('weiq-bg-animation');
                $('.swiper-slide-h-8').removeClass('weiq-bg-animation');
                $('.swiper-slide-h-4').removeClass('weiq-bg-animation');
            } else if (this.activeIndex == 4) {
                countUp([{
                    name: 'number5',
                    value: 30
                }, {
                    name: 'number6',
                    value: 900
                }, {
                    name: 'number7',
                    value: 120
                }, {
                    name: 'number8',
                    value: 100
                }]);
                countUp([{
                    name: 'number15',
                    value: 30
                }, {
                    name: 'number16',
                    value: 900
                }, {
                    name: 'number17',
                    value: 120
                }, {
                    name: 'number18',
                    value: 100
                }]);
                $('.swiper-slide-h-4').addClass('weiq-bg-animation');
                $('.swiper-slide-h-3').removeClass('weiq-bg-animation');
                $('.swiper-slide-h-5').removeClass('weiq-bg-animation');
            } else if (this.activeIndex == 5) {
                countUp([{
                    name: 'number9',
                    value: 150
                }, {
                    name: 'number10',
                    value: 200
                }]);
                $('.swiper-slide-h-5').addClass('weiq-bg-animation');
                $('.swiper-slide-h-4').removeClass('weiq-bg-animation');
                $('.swiper-slide-h-9').removeClass('weiq-bg-animation');
            } else if (this.activeIndex == 6) {
                $('.swiper-slide-h-9').addClass('weiq-bg-animation');
                $('.swiper-slide-h-5').removeClass('weiq-bg-animation');
                $('.swiper-slide-h-10').removeClass('weiq-bg-animation');
            } else if (this.activeIndex == 7) {
                countUp([{
                    name: 'number11',
                    value: 63.7
                }, {
                    name: 'number12',
                    value: 25.3
                }, {
                    name: 'number13',
                    value: 76.4
                }, {
                    name: 'number14',
                    value: 355
                }]);
                $('.swiper-slide-h-10').addClass('weiq-bg-animation');
                $('.swiper-slide-h-9').removeClass('weiq-bg-animation');
            } else {
                $('.swiper-slide-h-5').removeClass('weiq-bg-animation')
            }
            swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
        }
    },
});
var swiper1 = new Swiper('.swiper-container-v', {
    navigation: {
        prevEl: '.swiper-button-prev-v',
        nextEl: '.swiper-button-next-v',
    },
    parallax: true,
    speed: 600,
});

function countUp(arr) {
    var options = {
        useEasing: true,
        useGrouping: false,
        separator: '',
        decimal: '.'
    };
    arr.forEach(function (v, i) {
        // var name = 'item' + i
        // if (v.name == 'number11') {
        //     name = new CountUp(v.name, 0, v.value, 1, 1, options);
        // } else {
        //     name = new CountUp(v.name, 0, v.value, 0, 1, options);
        // }
        var name = new CountUp(v.name, 0, v.value, 0, 1, options)
        name.start()
    })
}
$("#video").addClass('pause');
$('#icon').click(function () {
    if ($('#video').hasClass('pause')) {
        $("#video").trigger("play");
        $("#video").removeClass('pause');
        $("#video").addClass('play');
        $('#icon').hide(200);
    } else {
        $("#video").trigger("pause");
        $('#video').removeClass('play');
        $('#video').addClass('pause');
        $('#icon').show(200);
    }
})
$('#video').click(function () {
    if ($('#video').hasClass('pause')) {
        $("#video").trigger("play");
        $("#video").removeClass('pause');
        $("#video").addClass('play');
        $('#icon').hide(200);
    } else {
        $("#video").trigger("pause");
        $('#video').removeClass('play');
        $('#video').addClass('pause');
        $('#icon').show(200);
    }
})
var video = document.getElementById('video')
video.addEventListener('ended', function () {
    var videoSrc = video.currentSrc;
    video.src = '';
    video.src = videoSrc;
    $("#video").addClass('pause');
    $('#icon').show(200);
}, false);

function toNews() {
    window.location.href = '/home/news'
}

function toklout(type) {
    if (type == 'weiq') {
        window.open('http://weiq.com/')
    } else {
        window.open('http://www.topklout.com/#/home')
    }
}
$(function () {
    var ua = navigator.userAgent;
    var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
        isIphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
        isAndroid = ua.match(/(Android)\s+([\d.]+)/),
        isMobile = isIphone || isAndroid;
    //判断
    if (!isMobile) {
        var video = document.getElementById('video-tvc');
        video.src = '/statics/Home/media/new/home.mp4';
        var video1 = document.getElementById('video')
        video1.src = '/statics/Home/media/new/weiq-acg.mp4';
    }
})

function toNext() {
    swiper.slideNext();
}