$(function(){
    if($(window).width()>992){
        $(".content .content1 .container .content1-list li").each(function(){
            $(this).height($(this).width());
        })
    }
    $(".product-detail1-large ul li").mouseover(function () {
        $(this).siblings().removeClass("on")
        $(this).addClass("on")
        $(".mag_list li").each(function () {
            if ($(this).attr("class") == "on") {
                $(".mag_img ul li img").attr("src", $(this).find("img").attr("src"))
            }
        });
    });
    function scroll(){
        // var width=$(".product-detail1 .product-detail1-left .product-detail1-large").width();
        // $(".product-detail1 .product-detail1-left .product-detail1-large ul li").each(function(){
        //     $(this).width(width);
        // })
        // var number=$(".product-detail1 .product-detail1-left .product-detail1-large ul li").size();
        // $(".product-detail1 .product-detail1-left .product-detail1-large ul").width(width*number);
        var width1=$(".product-detail1 .product-detail1-left .product-detail1-small").width();
        var number1=$(".product-detail1 .product-detail1-left .product-detail1-small ul li").size();
        var liwidth=width1*0.184;
        var limargin=width1*0.02;
        $(".product-detail1 .product-detail1-left .product-detail1-small ul li").width(width1*0.182);
        $(".product-detail1 .product-detail1-left .product-detail1-small ul li").css("marginRight",width1*0.02+"px");
        $(".product-detail1 .product-detail1-left .product-detail1-small ul").width(liwidth*number1+limargin*(number1-1));
        $(".product-detail1 .product-detail1-left .product-detail1-small ul li").click(function(){
            var url=$(this).find("img").attr("src");
            console.log(url);
            $(this).addClass("current").siblings().removeClass("current");
            $(".product-detail1 .product-detail1-left .product-detail1-large ul li img").attr("src",url);
        })
        var hs=Math.ceil((liwidth*number1+limargin*(number1-1))/width1);
        var n=0;
        $(".product-detail1 .product-detail1-left .product-detail1-samllBox .product-detail1-samllnext").click(function(){
            if(n<hs-1){
               n++;
            }else{
                return;
            }
            console.log(n);
            $(".product-detail1 .product-detail1-left .product-detail1-small ul").animate({"left":-n*width1+"px"});
        })
        $(".product-detail1 .product-detail1-left .product-detail1-samllBox .product-detail1-samllprev").click(function(){
            
            if(n>0){
                n--
            }else{
                return;
            }
            $(".product-detail1 .product-detail1-left .product-detail1-small ul").animate({"left":-n*width1+"px"});
        })
    }
    scroll();
    $(".prduct-detail2 .prduct-detail2Type li").click(function(){
        $(this).addClass("current").siblings().removeClass("current");
        var index=$(this).index();
        $(".prduct-detail2 .prduct-detail2-contentBox .prduct-detail2-content").eq(index).show().siblings().hide();
    })
    var a;
    if($(window).width()>767){
        a="auto";
    }else{
        a="1";
    }
    $(".content .content3 .container .index-proList li").each(function(i){
         $(this).css("animation-delay",i*0.3+"s");
    })
    $(".content .content1 .container .content1-list li").each(function(i){
         $(this).css("animation-delay",i*0.3+"s");
    })
    var swiper = new Swiper('.swiper-container', {
        effect: 'coverflow',
        grabCursor: false,
        centeredSlides: true,
        slidesPerView: a,
        // loop:true,
        initialSlide:1,
        coverflowEffect: {
            rotate: 0,
            stretch: 5,
            depth: 80,
            modifier: 3,
            slideShadows : true,
        },
        pagination: {
            el: '.swiper-pagination',
        }
    });
    $(".content .content5 .content5-header .index-newsType li").click(function(){
        var index=$(this).index();
        $(this).addClass("current").siblings().removeClass("current");
        $(".index-newsListBox>ul").eq(index).show().siblings().hide();
    })
    $(".content2-prev").click(function(){
   swiper.slidePrev();
  })
  $(".content2-next").click(function(){
    swiper.slideNext();
  })
})