$(function () {
    fadeInAni()
    $(document).scroll(function () {
        fadeInAni()
        moveSlow()
        separate()
        bgmove2()
    })
})

function fadeInAni() {
    var winHeight = $(window).height() + $(document).scrollTop();
    $('.animated.scrollIn:not(.scrollFadeInUp)').each(function () {
        if ($(this).offset().top - winHeight < -100) {
            $(this).addClass('scrollFadeInUp')
        }
    })
}

//缂撳姩鐗规晥
function moveSlow() {
  // 绉诲姩璺濈
  const moveDistance = 8
  $('.moveSlow').each(function () {
    const offsetTop = $(this).offset().top
    const scrollTop = document.documentElement.scrollTop
    let qujian = scrollTop - offsetTop
    if(-50 < qujian && qujian < 50){
      let scale = ( qujian + 50 )/100
      $(this).find('.inno_tip1_en').css({
        paddingTop: moveDistance * scale + 'px'
      })
      $(this).find('.inno_tip1_tit').css({
        paddingTop: moveDistance * scale + 'px'
      })
    } else if (qujian < -50) {
      $(this).find('.inno_tip1_en').css({
        paddingTop: 0 + 'px'
      })
      $(this).find('.inno_tip1_tit').css({
        paddingTop: 0 + 'px'
      })
    } else if (qujian > 50) {
      $(this).find('.inno_tip1_en').css({
        paddingTop: moveDistance + 'px'
      })
      $(this).find('.inno_tip1_tit').css({
        paddingTop: moveDistance + 'px'
      })
    }
  })
}

function bgmove2() {
    var win = $(window)
    var winHeight = win.height()
    var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop
    $(".scroll-background").each(function(){
        var bgImg = $(this).children('img');
        var domTop = $(this).offset().top;
        var domHeight = $(this).outerHeight();
        var moveHeight = bgImg.outerHeight() - domHeight;
        if(domTop < scrollTop + winHeight && domTop + domHeight > scrollTop ) {
           var doMoveHeight = (domTop - scrollTop + domHeight) * moveHeight / (winHeight + domHeight)
           bgImg.css({"transform": "translateY(" + doMoveHeight + "px)"})
        }
    })
}

//鍏ㄦ櫙鍒囧叆鐗规晥
function separate() {
    $('.separateLeft').each(function () {
        const offsetTop=$(this).offset().top;
        const scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
        const wHeight=$(window).height();
        if (wHeight+scrollTop-200>offsetTop){
            $(this).addClass('separateInLeft');
            $(this).removeClass('separateOffLeft');
        }else {
            $(this).removeClass('separateInLeft');
            $(this).addClass('separateOffLeft');
        }
    })
    $('.separateRight').each(function () {
        const offsetTop=$(this).offset().top;
        const scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
        const wHeight=$(window).height();
        if (wHeight+scrollTop-200>offsetTop){
            $(this).addClass('separateInRight');
            $(this).removeClass('separateOffRight');
        }else {
            $(this).removeClass('separateInRight');
            $(this).addClass('separateOffRight');
        }
    })
}