$(function () {

  var swiper22 = new Swiper('.swiper-container22', {
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    autoplay : {
      delay:5000
    },
    slidesPerView: 6,
    centeredSlides: false,
    spaceBetween: 12,
  });

  var swiper1 = new Swiper('.swiperPlayerImg', {
    autoplay : {
      delay:5000
    },
    slidesPerView:10,
    paginationClickable: true,
    spaceBetween: 10,
    freeMode: true,
    loop: false
  });

  var mySwiper15 = new Swiper('.swiper-container15', {
    autoplay : swiper_auto('.swiper-container15 .swiper-wrapper'),
    pagination: {
      el: '.swiper-container15>.swiper-pagination15',
      clickable :true,
    },
    paginationClickable :true,
    loop : true,
  })

  function swiper_auto(cl){
    var autoplay_6=false;
    $(cl).each(function(i){
      if($(this).find('.swiper-slide').length==1){
        autoplay_6=false;
      }else{
        autoplay_6={
          delay:5000
        };
      }
    })
    
    return autoplay_6;
  }
  var mySwiper21 = new Swiper('.swiper-container21', {
    autoplay : swiper_auto('.swiper-container21 .swiper-wrapper'),
    pagination: {
      el: '.swiper-container21>.swiper-pagination6',
      clickable :true,
    },
    paginationClickable :true,
    loop : true,
  })
  var swiper8 = new Swiper('.swiperPlayerImg8', {
    autoplay : {
      delay:5000
    },
    slidesPerView:7,
    paginationClickable: true,
    spaceBetween: 25,
    freeMode: true,
    loop: false
  });

  var swiper2 = new Swiper ('.bannersWiper>.swiper-container', {
    autoplay : swiper_auto('.bannersWiper .swiper-wrapper'),
    loop: true,
    pagination: {
      el: '.bannersWiper .swiper-pagination7',
      clickable :true,
    },
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    autoplayDisableOnInteraction : false,
    paginationClickable :true,
  }); 

  //12
  var personsSwiper = new Swiper('#persons .swiper-container', {
    autoplay : {
      delay:5000
    },
    speed:500,
    watchSlidesProgress: true,
    slidesPerView: 'auto',
    centeredSlides: true,
    loop: true,
    loopedSlides: 3,
    autoplay: true,
    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);
        }

      }
    }
  })

  //广告位动画
  $('.mimgLeft').hover(function(){
    $('.mimgLeft').removeClass('hoverTrans');
    $(this).addClass('hoverTrans');
  },function(){
  });

  $('.bannerList').each(function(i,val){
    var that=$(this);
    that.find('.bannerLi').on('click',function (e){
      var index = $(this).index();      
      that.find('.bannerLi span').removeClass('commonBg');
      $(this).find('span').addClass('commonBg');
      if(!$(".tab").eq(i).find('.shopbadge').eq(index).hasClass('shopTeam')){
        $('.tab').eq(i).find(".shopbadge").removeClass('shopTeam');
        $(".tab").eq(i).find('.shopbadge').eq(index).addClass('shopTeam');
      }

      var typeImg8 = document.getElementsByClassName('typeImg8')
      for (let i = 0; i < typeImg8.length; i++) {
        typeImg8[i].className = 'typeImg8 dispal'
      }
      typeImg8[index].classList.remove('dispal')
    });
    $(".tab").eq(i).find('.teamList a').hover(function(){
      $(".tab").eq(i).find('.teamList a span').removeClass('commonBor');
      $(this).find('span').addClass('commonBor');
    },function(){
    });
  });
  $('.moreList').each(function(i,v){
    var that=$(this);
    $(this).on('click','i',function(e){
      if($(this).hasClass('icon-xiangxia')){
        $(this).removeClass('icon-xiangxia');
        $(this).addClass('icon-xiangshang');
        that.prev('.teamList').css('height', 'auto');
      }else{
        $(this).removeClass('icon-xiangshang');
        $(this).addClass('icon-xiangxia');
        that.prev('.teamList').css('height', '186px');
      }
        
    });
  });
  
  $('.mimgLeft:first-child').addClass('hoverTrans');

})