$(function(){
    var maxDragDist;

$(window).resize(function() {
    maxDragDist = $('.series-list .wrap').width() - $('.series-list .drag').width();
});

$(window).on('load', function() {
    $(window).trigger('resize');
initSeriesList();
});

    if (!$.support.transition) {
        $.fn.transition = $.fn.animate;
    }

initSeriesList();



    
    //滚动条事件
    $(window).scroll(function(){
        var windouWidth = $(this).width();//获取浏览器自身宽度
        var windouHeight = $(this).height();//获取浏览器自身高度
        //获取要定位元素距离浏览器顶部的距离
        if($("#update_itera .up_it_video").offset()){
            var navH = $("#update_itera .up_it_video").offset().top - 70;
            if(windouWidth<1366){
                navH -= $("#update_itera .up_it_video").height()/3
            }
            //获取滚动条的滑动距离
            var scroH = $(this).scrollTop();
            //滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离
            if(scroH>=navH){
                $(".up_it").css({height:"200vh"})
                $("#update_itera .up_it_video").css({width: "100%",position:"fixed"})
                $("#update_itera .back_black").stop().fadeIn()
            }else if(windouWidth>1366 && scroH<navH){
                $("#update_itera .up_it_video").css({width: $(".container").width()})
                $("#update_itera .back_black").stop().fadeOut(50)
            }else if(windouWidth<1366 && (scroH+windouHeight)<(navH+$("#update_itera .up_it_video").height()*2)){
                $("#update_itera .back_black").stop().fadeOut(50)
                $("#update_itera .up_it_video").css({width: $(".container").width()})
            }
        }

        if($(".up_it").offset()){
            if($(".up_it").offset().top > scroH){
                $("#update_itera .up_it_video").css({position:"relative"})
                $(".up_it").css({height:"auto"})
            }
            // if($(".up_it").height()+$(".up_it").offset().top < scroH+windouHeight){
            //     $("#update_itera .up_it_video").css({position:"relative"})
            //     // $(".up_it").css({height:"auto"})
            // }
        }
        
        

        if($("#can_about .con_bot").offset()){
            var con_bot_top = $("#can_about .con_bot").offset().top;//获取元素相对dom的顶部
            var con_bot_body = $("#can_about .con_bot").outerHeight();//获取元素高度
            if(scroH + windouHeight >= con_bot_top + con_bot_body ){
                
                for(var i = 1; i<5; i++){
                    var number = document.querySelector(".inp_con_bot"+i).value
                    if(document.querySelector(".con_bot_text"+i).innerHTML <= 0){
                        $setJumpNumber(0, number, 40, ".con_bot_text"+i);
                    }
                }
            }
            // if(scroH + windouHeight < con_bot_top + con_bot_body ){
            //     for(var i = 1; i<5; i++){
            //         var number = document.querySelector(".inp_con_bot"+i).value
            //         document.querySelector(".con_bot_text"+i).innerHTML = 0
            //     }
            // }
        }
        
        if($("#deve .back_blak_d").offset()){
            var back_blak_dtop = $("#deve .back_blak_d").offset().top;//获取元素相对dom的顶部
            var back_blak_d = $("#deve .back_blak_d").outerHeight();//获取元素高度
            if(scroH + windouHeight >= back_blak_dtop + back_blak_d){
                $("#deve .back_blak_d").css({"background-color":  "rgba(0, 0, 0, 0)"})
            }
            if(scroH + windouHeight < back_blak_dtop + back_blak_d){
                $("#deve .back_blak_d").css({"background-color":  "rgba(0, 0, 0, 0.5)"})
            }
        }
        
    });
})
var maxDragDist;
$(window).resize(function() {
    maxDragDist = $('.series-list .wrap').width() - $('.series-list .drag').width();
        var startX;
        var dit;
        var drag = $('.series-list .drag');
        var series = $('.series-list .wrap');
        var wrap = series.find('ul');
        var frameW = series.width();
        var enableDrag = false;
        var max;
        var startLeft;
        var li = series.find('li').width();
        var lilen = series.find('li').length;
        var wrapW = li * lilen;
    $('.series-list .wrap ul').width(wrapW);
});

function initSeriesList() {
    var startX;
    var dit;
    var drag = $('.series-list .drag');
    var series = $('.series-list .wrap');
    var wrap = series.find('ul');
    var frameW = series.width();
    var enableDrag = false;
    var max;
    var startLeft;
    var li = series.find('li').width();
    var lilen = series.find('li').length;
        var wrapW = li * lilen;
    
    var itemW = 284;
    var marginLeft;

    drag.on('mousedown touchstart', function(e) {
        startX = e.pageX || e.originalEvent.touches[0].pageX;
        startLeft = parseInt(drag.css('left')) + 20;
        enableDrag = true;
        $(this).addClass('active');
        frameW = series.width();
    });
    $('body').on('mousemove touchmove', function(e) {
        if (!enableDrag)
            return;
        e.preventDefault();
        var pageX = e.pageX || e.originalEvent.touches[0].pageX;
        max = wrapW - frameW;
        dit = pageX - startX;
        curdit = (dit + startLeft);
        if (curdit < 0)
            curdit = 0;
        if (curdit > frameW)
            curdit = frameW;
        drag.css('left', curdit - 20);
        marginLeft = curdit / frameW * max;
        wrap.css('marginLeft', -marginLeft);
    }).on('mouseup touchend', function() {
        if (enableDrag) {
            enableDrag = false;

            var idx = marginLeft / itemW;
            var tmp = Math.floor(idx * 10);
            idx = Math.floor(idx);

            if (tmp > 9) {
                tmp = tmp % (Math.floor(tmp / 10) * 10);
            }

            if (tmp >= 5) {
                idx++;
            }
            marginLeft = idx * itemW;
            wrap.transition({
                'marginLeft': -marginLeft
            }, 300);
            drag.removeClass('active').transition({
                left: marginLeft / max * frameW - 20
            }, 300);
        }
    });
    //init drag position
    marginLeft = (wrapW - frameW) / 2;
    max = wrapW - frameW;
    enableDrag = true;
    $('body').trigger('mouseup');
}

// 延迟函数
// function sleep (time) {
// 	return new Promise((resolve) => setTimeout(resolve, time));
// }



/*
 * startNum 代表要跳动的初始数字
 * targetNum 代表要跳动到的数字
 * time  代表要跳动需要花费的时间
 * selector 代表要跳动元素的选择器
 */
const $setJumpNumber = function(startNum, targetNum, time, selector) {
    let dom = document.querySelector(selector);
    let originNum = startNum;
    let stepNum = 0;
    let timeNum = time; 
    dom.innerHTML = startNum;
    
    let timeId = setInterval(function() {
    if (originNum < targetNum) {
     timeNum -= 0.001;
     let strNum = originNum.toString();
     // 数字比较少的时候直接用 + 1; 数字很大直接 +1 要很久才能调到最对应的数字，所有后三位数随机跳动的方式进行模拟生成
     if (targetNum.toString().length < 6) {
     stepNum += 1; // 这样才可以实现越跳越快的效果
     originNum = originNum + stepNum;
     dom.innerHTML = originNum;
     } else {
     stepNum += 500; // 这样才可以实现越跳越快的效果
     originNum = originNum + stepNum;
     dom.innerHTML = strNum.substr(0, strNum.length - 3) + Math.floor(Math.random()*10) + Math.floor(Math.random()*10) + Math.floor(Math.random()*10);
     }
    } else {
     dom.innerHTML = targetNum;
     clearInterval(timeId);
    }
    }, timeNum);
   };
    
// $( "#video_pop video" ).trigger( 'pause' );
function video_pop(bool){
    if(bool){
        $("#video_pop").fadeIn(150)
        $( "#video_pop video" ).trigger( 'play' );
    }else{
        $("#video_pop").fadeOut(150)
        $( "#video_pop video" ).trigger( 'pause' );
    }
}