"use strict";

/* 习专区 */
// function xiTab() {
//   $('#xi').on('click','span',function(){
//     let idx = $(this).index()
//     $(this).addClass('active').siblings().removeClass('active');
//     $('#xi').find('.tab-cont-item').eq(idx).addClass('active').siblings().removeClass('active');
//   })
// }
function xiSwiper() {
  var mySwiper = new Swiper('#xi .swiper-container', {
    loop: true,
    slidesPerView: 5,
    nextButton: '#xi .swiper-button-next',
    prevButton: '#xi .swiper-button-prev'
  });
}
/* 大头条字号颜色设置 */


function setFontSize() {
  var fs = $.trim($('#headline').attr('data-fontsize'));
  var fc = $.trim($('#headline').attr('data-fontcolor'));

  if (fs != '') {
    $('#headline').find('h1').css({
      'font-size': fs + 'px'
    });
  }

  if (fc != '') {
    $('#headline').find('h1').find('a').css({
      'color': fc
    });
    $('#headline').find('p').find('a').css({
      'color': fc
    });
  }
}
/* 全媒体播放器 */


function focusMediaScroll() {
  var mySwiper = new Swiper('#focusMediaScroll .swiper-container', {
      loop: true,
      autoplay: 3000,
      paginationClickable: true,
      pagination: '.swiper-pagination',
      nextButton: '#focusMediaScroll .swiper-button-next',
      prevButton: '#focusMediaScroll .swiper-button-prev',
  })
  $('#focusMediaScroll').hover(function () {
    mySwiper.stopAutoplay();
  }, function () {
    mySwiper.startAutoplay();
  });
}

function focusMediaScrollClick() {
  $('#focusMediaScroll').on('click', '.img,.btn', function () {
    var url = $(this).parents('.swiper-slide').attr('data-url');
    $('#layer').removeClass('hide');
    $('body').addClass('stopScroll');
    $('#layerBoxIframe').attr('src', url);
  });
  $('#layer').on('click', '.layer-close', function () {
    $('#layer').addClass('hide');
    $('body').removeClass('stopScroll');
    $('#layerBoxIframe').attr('src', '');
  });
}
/* 专题滚动 */


function specialsScroll() {
  var mySwiper = new Swiper('#specials .swiper-container', {
    loop: true,
    // autoplay: 5000,
    // slidesPerView: 4,
    // spaceBetween: 10,
    nextButton: '#specials .swiper-button-next',
    prevButton: '#specials .swiper-button-prev'
  });
  $('#specials').hover(function () {
    mySwiper.stopAutoplay();
  }, function () {
    mySwiper.startAutoplay();
  });
}
/* tab切换 */


function tabSwitch(id, status, callback) {
  $(id).on(status, 'span', function () {
    var idx = $(this).index();
    $(this).addClass('active').siblings().removeClass('active');
    console.log($(id).find('.tab-cont-item').eq(idx));
    $(id).find('.tab-cont-item').eq(idx).addClass('active').siblings().removeClass('active');
    callback && callback(idx);
  });
}
/* 文明创建 */


function gallery() {
  $('#civilization').on('click', '.gallery-item', function () {
    $(this).addClass('active').siblings().removeClass('active');
  });
}
/* 文明培育 */


function civilizationSwiper(i) {
  var mySwiper = new Swiper('#civilizationSwiper' + i + ' .swiper-container', {
    loop: true,
    slidesPerView: 4,
    // autoplay:3000,
    nextButton: '#civilizationSwiper' + i + ' .swiper-button-next',
    prevButton: '#civilizationSwiper' + i + ' .swiper-button-prev'
  });
  $('#civilizationSwiper' + i).hover(function () {
    mySwiper.stopAutoplay();
  }, function () {
    mySwiper.startAutoplay();
  });
}
/* 互动 */


function interactTopic() {
  var mySwiper = new Swiper('#interactTopic .swiper-container', {
    loop: true,
    autoplay: 3000,
    effect: 'fade'
  });
  $('#interactTopic').hover(function () {
    mySwiper.stopAutoplay();
  }, function () {
    mySwiper.startAutoplay();
  });
}

function hdScroll() {
  var mySwiper = new Swiper('#hdScroll .swiper-container', {
    loop: true,
    // autoplay: 5000,
    slidesPerView: 4,
    spaceBetween: 20,
    nextButton: '#hdScroll .swiper-button-next',
    prevButton: '#hdScroll .swiper-button-prev'
  });
  $('#hdScroll').hover(function () {
    mySwiper.stopAutoplay();
  }, function () {
    mySwiper.startAutoplay();
  });
}
function practiceScroll() {
    var mySwiper = new Swiper('#practice .swiper-container', {
        loop: true,
        pagination: '#practice .swiper-pagination',
        // autoplay: 5000,
        // slidesPerView: 4,
        // spaceBetween: 10,
        // nextButton: '#practice .swiper-button-next',
        // prevButton: '#practice .swiper-button-prev',
    })
    $('#practice').hover(
        function () {
            mySwiper.stopAutoplay()
        },
        function () {
            mySwiper.startAutoplay()
        }
    )
}
/* 文明之光 */


function lightSwiper() {
  var mySwiper = new Swiper('#light .swiper-container', {
    loop: true,
    // autoplay:3000,
    nextButton: '#light .swiper-button-next',
    prevButton: '#light .swiper-button-prev',
    pagination: '#light .swiper-pagination'
  });
  $('#light').hover(function () {
    mySwiper.stopAutoplay();
  }, function () {
    mySwiper.startAutoplay();
  });
}
/* 文明矩阵 */
function marquee(id, width, duration) {
    var tl = gsap.timeline({
        repeat: -1,
    })
    tl.to(id, {
        x: -width / 2,
        duration: duration,
        ease: 'none',
    })
    $(id).on('mouseenter', function () {
        tl.pause()
    })
    $(id).on('mouseleave', function () {
        tl.play()
    })
}

$(function () {
  // xiTab()
  tabSwitch('#xi', 'click');
  xiSwiper();
  setFontSize();
  focusMediaScroll();
  focusMediaScrollClick();
  specialsScroll();
  gallery(); // tabSwitch('#mainTab1', 'mouseenter')
  // tabSwitch('#mainTab2', 'mouseenter')

  civilizationSwiper(0);
  tabSwitch('#civilizationTab', 'mouseenter', function (i) {
    civilizationSwiper(i);
  });
  interactTopic();
  hdScroll(); // lightSwiper()

  tabSwitch('#matrixTab', 'mouseenter');
  marquee('#matrixMarquee1', 4840, 80)
  marquee('#matrixMarquee2', 4006, 60)
});