$(function(){
    
    // 产品1
    $(".pub_le li").eq(0).addClass("on");
    $(".pub_re .iteam").eq(0).addClass("on");
    if($(window).width()>1024){
        
        $(document).on("click",".pub_le li",function(){
            $(this).addClass("on").siblings().removeClass("on");
            $(".pub_re .iteam").eq($(this).index()).addClass("on").siblings().removeClass("on");
            $(".scene_cont").mCustomScrollbar("scrollTo",".pub_re li.on");
        })
    }else{
        proslider();
    }

    
})
function proslider() {
    var num =4;
    if($(window).width()>767){
       num =4;
    }else{
        var num =1;
    }
    
    var _ind = 0;
    var _len = $(".pub_le li").length;
    if(_len>num){
          $(".pub_le .slider_btn").show();
      }else{
      }
    var histopbox_swiper = new Swiper('.pub_le .swiper-container', {
        nextButton: '.pub_le .swiper-button-next',
        prevButton: '.pub_le .swiper-button-prev',
        slidesPerView:num,
        spaceBetween : 0,
        onSlideChangeEnd: function(swiper){
            $(".scene_cont li.iteam").eq(swiper.activeIndex).addClass("on").siblings().removeClass("on");
        },
        breakpoints: { 
        1024: {
            slidesPerView:num,
          },
        767: {
            slidesPerView:num,
          }
        }
    });
    // btnJudge();
    // $(".pub_le .swiper-button-prev").click(function() {
    //     _ind--;
    //     btnJudge()
    //     $(".pub_le li").eq(_ind).addClass("on").siblings().removeClass("on");
    //     $(".pub_le li.on").click();
    //     $(".scene_cont li.iteam").eq(_ind).addClass("on").siblings().removeClass("on");
    //
    // })
    // $('.pub_le .swiper-button-next').click(function() {
    //     _ind++;
    //     btnJudge()
    //     $(".pub_le li").eq(_ind).addClass("on").siblings().removeClass("on");
    //     $(".pub_le li.on").click();
    //     $(".scene_cont li.iteam").eq(_ind).addClass("on").siblings().removeClass("on");
    // })
    // $(".pub_le li").click(function(){
    //     _ind = $(this).index();
    //     $(this).addClass("on").siblings().removeClass("on");
    //     btnJudge();
    //     $(".scene_cont li.iteam").eq(_ind).addClass("on").siblings().removeClass("on");
    //
    // })
    // $(".pub_le li").eq(0).click();
    // function btnJudge() {
    //     if(_ind >= _len - 1) {
    //         $('.pub_le .swiper-button-next').addClass("disabled")
    //         _ind = _len - 1;
    //     } else {
    //         $('.pub_le .swiper-button-next').removeClass("disabled")
    //     }
    //     if(_ind <= 0) {
    //         $(".pub_le .swiper-button-prev").addClass("disabled")
    //         _ind = 0;
    //     } else {
    //         $(".pub_le .swiper-button-prev").removeClass("disabled")
    //     }
    // }
}