;( function  ( $, window, document, undefined ){
   
   // i01
    var i01_t = $(".i01").offset().top

    //i02 
	var winH = $(window).height();
	var winW = $(window).width();
	var widScrollT = 0
    var boxpart3_s = parseInt(($(".i02").offset().top)-(winH * 0.6)) 

    // i03
    var i03_t =$(".i03").offset().top

    $(window).resize(function () {
        winH = $(window).height();
        winW = $(window).width();  
        widScrollT = $(window).scrollTop();
    })

    //滚动条大于100才开始出现效果
    var _meng_lo = 100;

    //控制蒙层透明度
    var b_op = 0;

    // 控制文字透明度
    var wen_op = 0;


    var temp=0,p=0;
    $(window).scroll(function(){
        var c=document.documentElement.scrollTop||document.body.scrollTop;
        // banner
        banner(c,_meng_lo,winH,wen_op,b_op)
        // i01
        i01(c,i01_t);
        // i02
        i02(c,boxpart3_s,winH)
        // i03
        i03(c,i03_t);
    })



    // banner
    function banner (c,_meng_lo,winH,wen_op,b_op){
        if(c>_meng_lo){
            
          if( c <=  winH*0.4){
            $("._meng").show();
            b_op = (c -_meng_lo)/(winH*0.4)
            $("._meng").css("opacity",b_op)
          }

          if( c>winH*0.4 && c<winH*0.7){
            if( $("._meng").css("opacity")!=1){
                $("._meng").css("opacity",1);
            }
            wen_op= (c -(winH*0.4))/(winH*0.3)
            $(" ._wen p ").css("opacity",wen_op)
          }
              
          if( c>winH*0.55 && c<winH*0.7){
            b_op = 1-(c -winH*0.5)/(winH*0.15)
            $("._meng").css("opacity",b_op)
            $("._video").show();
            $("._video video").trigger("play")
          }

          if( c>winH*0.4 && c<winH*0.55){
            $("._meng").show();
            $("._meng").css("opacity",1);
            $("._video").hide();
            $("._video video").trigger("pause")
          }

            if(c>winH*0.7){
                if( $("._wen p").css("opacity")!=1){
                    $("._wen p").css("opacity",1);
                    $("._video").show();
                    $("._video video").trigger("play")
                }
            }

        }else{
            $("._meng").hide();
            $("._video").hide();
            $("._video video").trigger("pause")
            $("._wen p").css("opacity",0);
        }
    }
    

    // i01
    function i01(c,t){
        if(c >= (parseInt(t)-300)){
            $(".i01").addClass("active")
        }else{
            $(".i01").removeClass("active")
        }
    }

    //i02
   function i02(c,boxpart3_s,winH){
        if (c >= boxpart3_s ) {
            var boxpart3_t3 = sMoveFun(c,winW*0.73,-winW*0.32, boxpart3_s, boxpart3_s + winH * 1.2);
            $(".i02 .bg").css("left",boxpart3_t3 + "px");
        }
    }

    // i03
    function i03(c,t){
        if(c>= parseInt(t*1.12) ){
            $(".i03").addClass("leave");
            start_video()
            pic_hide()
        }else{
            $(".i03").removeClass("leave");
            stop_video ()
            pic_show()
        }
        if(c>= parseInt(t*1.22)){
            $(".i03").addClass("change");
        }else{
            $(".i03").removeClass("change");
        }
    }

    // ibanner
    let meng_op = 0;
    function _meng_show(){
        $(".meng").show();
    }
    function _meng_hide(){
        $(".meng").hide();
    }

    // i03
    function pic_show(){
        $(".poster").show();
    }
    function pic_hide(){
        $(".poster").hide();
    }
    function start_video (){
        $(".i03 .bg_video video").trigger("play")
    }
    function stop_video (){
        $(".i03 .bg_video video").trigger("pause")
    }

   //运动函数-滚动触发（元素起始位置，元素结束位置，运动起始位置，运动结束位置）
   var sMoveFun = function (c,oStart, oEnd, sStart, sEnd) {
            var ret;
            if (c >= sStart && c <= sEnd) {//运行过程中
                ret = oStart + (oEnd - oStart) / (sEnd - sStart) * (c - sStart) 
            } else if (c < sStart) {//进入之前
                ret = oStart
            } else if (c > sEnd) {//离开之后
                ret = oEnd
            }
            return ret;
        }

    })(jQuery,window,document);