$(window).on('load', function () {
  new wow().init();
});
$('.ctn1,.ctn2,.ctn3,.ctn4').height($(window).height())
var ctn1_h = $('.ctn1').height()
$(window).scroll(function () {
  var scrolltop = document.documentelement.scrolltop || document.body.scrolltop;
  if (scrolltop
    < ctn1_h) {
    $('.ctn2 .txt p').css('transform', 'scale(' + scrolltop / ctn1_h + ')')
  }
  var ctn4_t = $('.ctn3').offset().top + $('.ctn3').height()
  //console.log(ctn4_t,scrolltop)
  if (ctn4_t - scrolltop
    < 200) {
    $('.ctn4 .txt p,.ctn4 .txt .more,.ctn4 .txt span,.ctn4 .txt i').addclass('on')
  } else {
    $('.ctn4 .txt p,.ctn4 .txt .more,.ctn4 .txt span,.ctn4 .txt i').removeclass('on')
  }
})
var timeline = new timelinemax();
timeline.fromto(".ctn2 .txt p", 3, { 'font-size': '120px' }, { 'font-size': '1200px' })
  .addcallback(videopause)
  .fromto(".ctn2 .txt", .5, { opacity: 1 }, { opacity: 0, oncomplete: videoplay })
  .to(".ctn2 .txt p", .5, { 'font-size': '1400px' }, 3)
  .to(".ctn2 .txt", 2.5, { opacity: 0 })
  .addcallback(videotxtremove)
  .addcallback(videotxtadd)
  .to(".ctn2 .videotxt", 3, { opacity: 1 })
function videoplay() {
  $('.video video')[0].currenttime = 10.5
  $('.video video')[0].play()
}
function videopause() {
  $('.video video')[0].currenttime = 10.5
  $('.video video')[0].pause()
}
function videotxtadd() {
  $('.videotxt .p1,.videotxt .p2,.videotxt .p3').addclass('on')
}
function videotxtremove() {
  $('.videotxt .p1,.videotxt .p2,.videotxt .p3').removeclass('on')
}
let controller = new scrollmagic.controller();
let f_scene = new scrollmagic.scene({
  triggerelement: ".ctn2",
  duration: "2500px",//滚动高度
  triggerhook: 0,
})
  .setpin(".ctn2", {//需要固定的dom
    pushfollowers: true/*该属性可以用来设置是否看到运动的区域*/
  })
  .settween(timeline)//动画绑定到滚动条
  //.addindicators() //查看debug
  .addto(controller)
var sw_ctn4 = new swiper('.sw_ctn4', {
  loop: true,
  speed: 2000,
  fadeeffect: {
    crossfade: true,
  },
  navigation: {
    nextel: '.sw_ctn4 .swiper-button-next',
    prevel: '.sw_ctn4 .swiper-button-prev',
  },
  on: {
    slidechangetransitionstart: function () {
      $('.ctn4 .sw_ctn4 .txt p,.ctn4 .sw_ctn4 .txt span,.ctn4 .sw_ctn4 .txt i,.ctn4 .sw_ctn4 .txt .more').removeclass('on')
      settimeout(() => {
        $('.ctn4 .sw_ctn4 .txt p,.ctn4 .sw_ctn4 .txt span,.ctn4 .sw_ctn4 .txt i,.ctn4 .sw_ctn4 .txt .more').addclass('on')
      }, 500);
    }
  }
});
$('.ctn5 .txt_l .tab p').on('click', function () {
  var idx = $(this).index()
  $('.ctn5 .txt_l .tab p').eq(idx).addclass('on').siblings().removeclass('on')
  $('.ctn5 .txt_l .ctn .des').eq(idx).addclass('on').siblings().removeclass('on')
  $('.ctn5 .txt_l .ctn .des').eq(idx).fadein().siblings().fadeout()
})
$('#modelbordercontainer').on('click', function () {
  $('#modelbordercontainer .s_tips').hide()
})