/*
 * @Author: zhuzp 
 * @Date: 2023-10-19 10:01:19 
 * @Last Modified by: zhuzp
 * @Last Modified time: 2023-10-31 18:05:00
 */

/**
 * 滚动
 * @param {Object} e 
 */
function onScrollHandle(e) {
  let scrollTop = document.documentElement.scrollTop || document.body.scrollTop
  document.body.classList[scrollTop > 100 ? 'add' : 'remove']('sticky')

  ;[].forEach.call(document.querySelectorAll('[data-aos="fade-up"]'), function(item){
    item.classList.add('aos-hide')
    if(item.getBoundingClientRect().top <= window.innerHeight/1.5 && !item.classList.contains('animated')){
      item.classList.add('animated','fadeInUp')
    }
  })
}

/**
 * 空状态
*/
var emptyDialog = {
  show: function(e){
    var target = e.target
    var dislog = document.querySelector('#empty_dislog')
    
    if(!target.dataset['disabled']){
      return false
    }
    e.preventDefault()
    if(!dislog){
      dislog = document.createElement('div')
      dislog.className = 'empty-dislog'
      dislog.id = 'empty_dislog'
      dislog.innerHTML = '<div class="musk"></div><div class="content"><span class="close-button">×</span>系统建设中，敬请期待～</div>'
    }
    dislog.classList.add('visible')
    dislog.addEventListener('click', emptyDialog.hide)
    document.body.appendChild(dislog)
  },
  hide: function(e){
    var target = e.target
    if(target.className == 'musk' || target.className == 'close-button'){
      console.log(this)
      this.classList.remove('visible')
      this.removeEventListener('click', emptyDialog.hide)
    }
  }
}




var recommend_tab = document.querySelector('#recommend_tab')

window.addEventListener('scroll', onScrollHandle)
recommend_tab && recommend_tab.addEventListener('click', emptyDialog.show)

window.Swiper && new Swiper('#banner_swiper', {
  autoplay: true,
  loop: true,
  pagination: {
    el: '.swiper-pagination',
    clickable: true
  },
})


var slideInit = -1
function autoSlideChange(){
  autoSlideChange.timer && clearTimeout(autoSlideChange.timer)
  if(autoSlideChange.stop){
    return false
  }
  autoSlideChange.index += 1
  if(autoSlideChange.index > 4){
    autoSlideChange.index = 0
  }
  var $current = $($('#slide_list li')[autoSlideChange.index])
  $current.addClass('current').siblings().removeClass('current')
  $('#slide_show').html($current.html())
  autoSlideChange.timer = setTimeout(autoSlideChange, 5E3)
}
autoSlideChange.index = -1
autoSlideChange()




$('#slide_list').on('click', 'li', function(){
  autoSlideChange.stop = true
  $(this).addClass('current').siblings().removeClass('current')
  $('#slide_show').html($(this).html())
})