$(function () {
    proslider();
   $(document).on("click",".product_dtab li",function(){
        $(this).addclass("on").siblings().removeclass("on");
        $(".pro_iteam").eq($(this).index()).show().siblings().hide();
    })

})


function proslider(){
    settimeout(function () {
        $(".photo_swi li").eq(0).click();
    }, 200);
    if($(".photo_slider li").length>1){
        $(".photo_swi .public_but").show()
    }

    if($(".photo_slider li").length>1){
        var pro2 = new swiper('.photo_slider .swiper-container', {
            nextbutton: '.photo_sliderbox .swiper-button-next',
            prevbutton: '.photo_sliderbox .swiper-button-prev',
            slidesperview: 1,
            slidespergroup: 1,
            paginationclickable: true,

            spacebetween: 10,
            noswiping : true,

        });
    }
    if($(".photo_swi li").length>1){
        var pro1 = new swiper('.photo_swi .swiper-container', {
            nextbutton: '.photo_sliderbox .swiper-button-next',
            prevbutton: '.photo_sliderbox .swiper-button-prev',
            slidesperview: 4,
            slidespergroup: 1,
            paginationclickable: true,
            spacebetween: 8,
            noswiping : true,
            oninit: function(swiper){
                var i = $('.photo_swi .swiper-slide.on').index();
                swiper.slideto(i-1);
            },
            onslidechangeend: function(swiper) {
                console.log(swiper.activeindex);

            },
            breakpoints: {
               
                767: {
                    slidesperview: 4,
                    
                    
                }
            }
        });
    }

    var _ind = 0;
    var _len = $(".photo_swi .swiper-slide").length;
    var url = $(".photo_swi .swiper-slide").eq(0).data("src");
    btnjudge();


    $(".photo_swi .swiper-slide").click(function(){
        _ind = $(this).index();
        $(this).addclass("on").siblings().removeclass("on");
        pro1.slideto(_ind, 1000, false);
        pro2.slideto(_ind, 500, false);
        btnjudge();
        
        
        imgratio();

    })


    $(".photo_sliderbox .swiper-button-prev").click(function() {
        _ind--;
        btnjudge()
        $(".photo_swi .swiper-slide").eq(_ind).addclass("on").siblings().removeclass("on");
        $(".photo_swi .swiper-slide.on").click();
        
        // var srcurl=$(".photo_swi .swiper-slide").eq(_ind).find("img").attr("src");
        // console.log(srcurl)
        // $(".pro_bigimg img").attr("src",srcurl)

        imgratio();

        

    })
    //点击又按钮，实现_ind自加1
    $('.photo_sliderbox .swiper-button-next').click(function() {
        _ind++;
        btnjudge()
        $(".photo_swi .swiper-slide").eq(_ind).addclass("on").siblings().removeclass("on");
        $(".photo_swi .swiper-slide.on").click();
        
        // var srcurl=$(".photo_swi .swiper-slide").eq(_ind).find("img").attr("src");
        // console.log(srcurl)
        // $(".pro_bigimg img").attr("src",srcurl);

        imgratio()
    })

    function btnjudge() {
        if(_ind >= _len - 1) {
            $('.photo_swi .swiper-button-next').addclass("disabled")
            _ind = _len - 1;
        } else {
            $('.photo_swi .swiper-button-next').removeclass("disabled")
        }
        if(_ind <= 0) {
            $(".photo_swi .swiper-button-prev").addclass("disabled")
            _ind = 0;
        } else {
            $(".photo_swi .swiper-button-prev").removeclass("disabled")
        }
    }
}