$(document).ready(function(){   
    $(".case_show_bs").hover(function(){
        console.log('2222')
        var img = $(this).find(".swiper-slide-active").attr("data-img");
        $(".big_img img").attr("src",img)
        $(".big_img").fadeIn();
    },function(){
        $(".big_img").fadeOut();
    
    })
    var _ind=0;
    var _len = $(".case_show_sb .swiper-slide").length;
    var my_Swiper = new Swiper('.case_show_bs .swiper-container',{
      
        slidesPerView: 1,//设置slider容器能够同时显示的slides数量(carousel模式)
        spaceBetween: 20,
        noSwiping : true,
        prevButton:'.case_show_bs .swiper-button-prev',
        nextButton:'.case_show_bs .swiper-button-next',

        onInit: function(swiper){
            // console.log(_ind)
            swiper.slideTo(_ind,1000)
        },
         breakpoints:{
            767: {
                 spaceBetween:0,
                 // noSwiping : false,
            },
        }
    })
    var case_Swiper = new Swiper('.case_show_sb .swiper-container',{
        slidesPerView: 4,//设置slider容器能够同时显示的slides数量(carousel模式)
        spaceBetween: 10,//slide之间的距离（单位px）。
        prevButton:'.case_show_sb .swiper-button-prev',
        nextButton:'.case_show_sb .swiper-button-next',
        noSwiping : true,
        breakpoints:{
            767: {
                 spaceBetween:4
            },
        }
    })
    $(".case_show_sb .swiper-button-prev").addClass("disabled");
    
    $(".case_show_sb .swiper-button-prev").click(function(){
        _ind--;
        btnJudge();
        $(".case_show_sb .swiper-slide").eq(_ind).addClass("on").siblings().removeClass("on");
        
        my_Swiper.slideTo(_ind, 1000, false);
        $(".case_show_sb .swiper-slide.on").click();
    })
    $(".case_show_sb .swiper-button-next").click(function(){
        _ind++;
        btnJudge();
        $(".case_show_sb .swiper-slide").eq(_ind).addClass("on").siblings().removeClass("on");
         my_Swiper.slideTo(_ind, 1000, false);
         $(".case_show_sb .swiper-slide.on").click();

    })
    
    $(".case_show_sb .swiper-slide").click(function(){
        $(this).addClass("on").siblings().removeClass("on");
        _ind = $(this).index();
        btnJudge();
        my_Swiper.slideTo(_ind, 1000, false);
        var url = $(this).data("src");
        if(url == ""){
          return false;
        }else{
          caseAjax(".conter-wrap",url);
        }
       
    })
    $(".case_show_sb .swiper-slide:eq(0)").click();


    function btnJudge() {
        if(_ind >= _len - 1) {
            $('.case_show_sb .swiper-button-next').addClass("disabled")
            _ind = _len - 1;
        } else {
            $('.case_show_sb .swiper-button-next').removeClass("disabled")
        }
        if(_ind <= 0) {
            $(".case_show_sb .swiper-button-prev").addClass("disabled")
            _ind = 0;
        } else {
            $(".case_show_sb .swiper-button-prev").removeClass("disabled")
        }
    }

    if($(".case_show_sb li").length>1){
        $(".case_show_sb .but").show();
    }
//caseAjax
function caseAjax(str,url){
    console.log('111')
	$.ajax({
		url:url,
		success:function(msg){
			$(str).html("");
            $(str).append(msg);   
            //imgratio();    
                    
		}
	});
}
})