$.ajax({
  type: 'POST',
  url: apiConfig.pcBaseUrl + '/webpagegame/list',
  dataType: 'json',
  success: function (data) {
    $('.yykf-list').html(template('glTpl', data.slice(0, 10)))
  },
})

var doc = document

$('.game-types > li').hover(function () {
  $(this).addClass('cur').siblings().removeClass('cur')
  $('.gt-list').eq($(this).index()).removeClass('dn').siblings().addClass('dn')
})

$('.yxph-list > li, .news-list > li').hover(function () {
  $(this).addClass('hover').siblings().removeClass('hover')
})

$('.title-bar-list > li').hover(function () {
  var index = $(this).index()
  $(this).addClass('cur').siblings().removeClass('cur')
  $(this)
      .parents('.title-bar-group')
      .siblings('.tab-w')
      .children('li')
      .eq(index)
      .removeClass('dn')
      .siblings()
      .addClass('dn')
})

$('.tbl-yykf > li').hover(function () {
  if ($(this).data('tab') === 'yykf') {
    $('.ml-yykf1').removeClass('dn')
    $('.ml-yykf2').addClass('dn')
  } else {
    $('.ml-yykf1').addClass('dn')
    $('.ml-yykf2').removeClass('dn')
  }
})

$('.title-bar-menu > li').hover(function () {
  var index = $(this).index()
  $(this).addClass('cur').siblings().removeClass('cur')
  $(this)
      .parents('.title-bar')
      .siblings('.tab-w')
      .children('li')
      .eq(index)
      .removeClass('dn')
      .siblings()
      .addClass('dn')
})

// 换一批
$(doc).on('click', '.fresh-link', function () {
  var index = $(this)
      .parents('.title-bar')
      .siblings('.switch-batch-tab')
      .children('li:not(.dn)')
      .index()

  index++
  index %= 3

  $(this)
      .parents('.title-bar')
      .siblings('.switch-batch-tab')
      .children('li')
      .eq(index)
      .removeClass('dn')
      .siblings()
      .addClass('dn')
})

$(doc).on('click', '.title-bar-group .fresh-link', function () {
  var index = $(this)
      .parents('.title-bar-group')
      .siblings('.tab-w')
      .children('li:not(.dn)')
      .children('.switch-batch-tab')
      .children('li:not(.dn)')
      .index()

  index++
  index %= 3

  $(this)
      .parents('.title-bar-group')
      .siblings('.tab-w')
      .children('li:not(.dn)')
      .children('.switch-batch-tab')
      .children('li')
      .eq(index)
      .removeClass('dn')
      .siblings()
      .addClass('dn')
})

$(doc).on('click', '#previewImgs > img', function () {
  $(this).addClass('cur').siblings().removeClass('cur')
  sideSwiper.slideToLoop($(this).index(), 1000) //切换到第一个slide，速度为1秒
})

$(doc).on('click', '#sjyxPreviewImgs > img', function () {
  $(this).addClass('cur').siblings().removeClass('cur')
  shyxSwiper.slideToLoop($(this).index(), 1000) //切换到第一个slide，速度为1秒
})

$(doc).on('click', '.side-link-close', function (e) {
  e.stopPropagation()
  e.preventDefault()
  $('body').addClass('no-add')
})

$(doc).on('click', '.side-add-close', function (e) {
  $('#HMcoupletDivleft, #HMcoupletDivright').remove()
  $(this).remove()
})

var sideLink = $('.side-link')
function scrollFn() {
  var scrollTop = $(window).scrollTop()
  if (scrollTop > 500) {
    $('.slt-w').removeClass('dn')
  } else {
    $('.slt-w').addClass('dn')
  }
  if (scrollTop <= 186) {
    sideLink.css({
      top: 186 - scrollTop + 'px',
    })
  } else {
    sideLink.css({
      top: '0',
    })
  }
}
$(window).scroll(scrollFn)
scrollFn()

var $gsName = $('#cslideName')
var $slideText = $('#sideSwiper .slideText')
var $ssNum = $('#cslidePage')
var sslen = $('#sideSwiper .swiper-slide').length
var sideSwiper = new Swiper('#sideSwiper', {
  loop: true,
  // autoplay: 3000,
  autoplayDisableOnInteraction: false,
  speed: 800,
  // nextButton: '.sbn1',
  // prevButton: '.sbp1',
  // 如果需要前进后退按钮
  navigation: {
    nextEl: '.sbn1',
    prevEl: '.sbp1',
  },
  on: {
    transitionStart: function () {
      $gsName.text($slideText[this.realIndex].value)
      $ssNum.text(this.realIndex + 1 + '/' + sslen)
      $('#previewImgs > img')
          .eq(this.realIndex)
          .addClass('cur')
          .siblings()
          .removeClass('cur')
    },
    init: function () {
      $gsName.text($slideText[this.realIndex].value)
      $ssNum.text(this.realIndex + 1 + '/' + sslen)
    },
  },
  // 如果需要分页器
  // pagination: '.swiper-pagination',
  // 如果需要前进后退按钮
})

// var previewSwiper = new Swiper('#previewSwiper', {
//   // loop: true,
//   spaceBetween: 10,
//   // centeredSlides: true,
//   // autoplay: 3000,
//   // autoplayDisableOnInteraction: false,
//   speed: 800,
//   slidesPerView: 'auto',
//   slideToClickedSlide: true,
//   onTransitionStart: function (swiper) {
//     // $gsName.text($slideText[swiper.realIndex].value)
//     // $ssNum.text(swiper.realIndex + 1 + '/' + sslen)
//   },
//   // 如果需要分页器
//   // pagination: '.swiper-pagination',
// })

// sideSwiper.params.control = previewSwiper
// previewSwiper.params.control = sideSwiper

var $slideText1 = $('.slideText1')
var $slideText2 = $('.slideText2')
var $slideText3 = $('.slideText3')
var $slideText4 = $('.slideText4')
var $slideText5 = $('.slideText5')
var glSwiper = new Swiper('#glSwiper', {
  watchSlidesProgress: true,
  slidesPerView: 'auto',
  centeredSlides: true,
  loop: true,
  loopedSlides: 3,
  loop: true,
  // autoplay: 3000,
  autoplayDisableOnInteraction: false,
  speed: 800,
  // nextButton: '.sbp2',
  // prevButton: '.sbn2',
  navigation: {
    nextEl: '.sbp2',
    prevEl: '.sbn2',
  },
  on: {
    progress: function (progress) {
      for (i = 0; i < this.slides.length; i++) {
        var slide = this.slides.eq(i)
        var slideProgress = this.slides[i].progress
        modify = 1
        if (Math.abs(slideProgress) > 1) {
          modify = (Math.abs(slideProgress) - 1) * 0.3 + 1
        }
        translate = slideProgress * modify * 260 + 'px'
        scale = 1 - Math.abs(slideProgress) / 5
        zIndex = 999 - Math.abs(Math.round(10 * slideProgress))
        slide.transform('translateX(' + translate + ') scale(' + scale + ')')
        slide.css('zIndex', zIndex)
        slide.css('opacity', 1)
        if (Math.abs(slideProgress) > 3) {
          slide.css('opacity', 0)
        }
      }
    },
    setTransition: function (transition) {
      //自定义事件
      for (var i = 0; i < this.slides.length; i++) {
        var slide = this.slides.eq(i)
        slide.transition(transition)
      }
    },
    transitionStart: function () {
      $('#field1').text($slideText1[this.realIndex].value)
      $('#field2').text($slideText2[this.realIndex].value)
      $('#field3').text($slideText3[this.realIndex].value)
      $('#field4').text($slideText4[this.realIndex].value)
      $('#field5').text($slideText5[this.realIndex].value)
    },
  },
})

var $slideName = $('#slideName')
var $sjyxSlideText = $('#shyxSwiper .slideText')
var $slidePage = $('#slidePage')
var sslen = $('#shyxSwiper .swiper-slide').length
var shyxSwiper = new Swiper('#shyxSwiper', {
  loop: true,
  // autoplay: 3000,
  autoplayDisableOnInteraction: false,
  speed: 800,
  // nextButton: '.sbn3',
  // prevButton: '.sbp3',
  navigation: {
    nextEl: '.sbn3',
    prevEl: '.sbp3',
  },
  on: {
    transitionStart: function () {
      $slideName.text($sjyxSlideText[this.realIndex].value)
      $slidePage.text(this.realIndex + 1 + '/' + sslen)
      $('#sjyxPreviewImgs > img')
          .eq(this.realIndex)
          .addClass('cur')
          .siblings()
          .removeClass('cur')
    },
    init: function () {
      $slideName.text($sjyxSlideText[this.realIndex].value)
      $slidePage.text(this.realIndex + 1 + '/' + sslen)
    },
  },
  // 如果需要分页器
  // pagination: '.swiper-pagination',
  // 如果需要前进后退按钮
})

// var sjyxPreviewSwiper = new Swiper('#sjyxPreviewSwiper', {
//   // loop: true,
//   spaceBetween: 10,
//   centeredSlides: true,
//   // autoplay: 3000,
//   autoplayDisableOnInteraction: false,
//   speed: 800,
//   slidesPerView: 'auto',
//   slideToClickedSlide: true,
//   onTransitionStart: function (swiper) {
//     // $gsName.text($slideText[swiper.realIndex].value)
//     // $ssNum.text(swiper.realIndex + 1 + '/' + sslen)
//   },
//   // 如果需要分页器
//   // pagination: '.swiper-pagination',
// })

// shyxSwiper.params.control = sjyxPreviewSwiper
// sjyxPreviewSwiper.params.control = shyxSwiper

var countDown = 10
var timer = setInterval(function () {
  if (countDown === 0) {
    $('.layer').addClass('dn')
    clearInterval(timer)
    return
  }

  $('#countDown').text(--countDown)
}, 1000)

$('.game-popup-close').click(function () {
  $('.layer').addClass('dn')
})