$(function(){
    var liw = 0;
    $(window).resize(function(){
      $('.carouer_cl em').height($('.carouer_cl em').width()*1);
      $('.carouer_c').height($('.carouer_cl em').width()*1);
      if($(window).width()>767){
        var h01=$('.carouer_cl em').width()*1;
        var h02=284;
        $('.carouer_cr ul li').height(h02/4);

        liw = h02/4;

        if($(".carouer_cr ul li").length>=5){
        	$(".carou_next,.carou_prev").addClass("cur");
        }

      }else{
        $('.carouer_cr ul li').width($('.carouer_cr').width()/4);
        $('.carouer_cr ul li').height($('.carouer_cr ul li').width()*1);
        $('.carouer_cr ul').width($('.carouer_cr').width()/4*$('.carouer_cr ul li').length);
        liw = $('.carouer_cr').width()/4;
        $(".carouer_list").height($(".carouer_cr ul li").height());
        if($(".carouer_cr ul li").length>=4){
          $(".carou_next,.carou_prev").addClass("cur");
        }
      }

      if($(window).width()<=1024&&$(window).width()>767){
          $('.carouer_cr ul li').height(50);
          liw = 50;
      }


    })
    $(window).resize();
    var index = $('.carouer_cr ul li').length;
    var num = 0;
    var liOn = 0;
    var carou_v = true; 
    var carou_v1 = 0; 

    var txt = $('.carouer_cr ul li').eq(0).find('.carou_li_co').html();
    $('.tyre_car01 .left .carouer_cl_co').html(txt);

  
    $('.carou_prev').on('click',function(){
      if(!$('.carouer_cr ul').is(":animated")){
        carou_v = true; 
        carou_v1 = 0; 
        liOn--;
        if(liOn<=0){
          liOn = 0;
        }
        $('.carouer_cl').removeClass('on');        
        var src = $('.carouer_cr ul li').eq(liOn).find('img').attr('src');
        var txt = $('.carouer_cr ul li').eq(liOn).find('.carou_li_co').html();
        $('.carouer_cl em').html('<img src=""/>');
        $('.tyre_car01 .left .carouer_cl_co').html(txt);
        $('.carouer_cl em img').attr('src',src);
        $('.carouer_cr ul li').eq(liOn).addClass('on').siblings().removeClass('on');

        num--;
        if(num<=0){
          num = 0;
        }
        if($(window).width()>767){
          $('.carouer_cr ul').stop(true,true).animate({'top':-num*liw+'px'},300,function(){
            $('.carou_next').removeClass('disabled');
            if(liOn==0){
              $('.carou_prev').addClass('disabled');
            }
          })
        }else{
          $('.carouer_cr ul').stop(true,true).animate({'left':-num*liw+'px'},300,function(){
            $('.carou_next').removeClass('disabled');
            if(liOn==0){
              $('.carou_prev').addClass('disabled');
            }
          })
        }
        
      }
    })
    $('.carou_next').on('click',function(){
      if(!$('.carouer_cr ul').is(":animated")){
        carou_v = true; 
        carou_v1 = 0;
        liOn++;
        if(liOn>=index-1){
          liOn = index-1;
        }
        $('.carouer_cl').removeClass('on');        
        var src = $('.carouer_cr ul li').eq(liOn).find('img').attr('src');
        var txt = $('.carouer_cr ul li').eq(liOn).find('.carou_li_co').html();
        $('.carouer_cl em').html('<img src=""/>');
        $('.tyre_car01 .left .carouer_cl_co').html(txt);
        $('.carouer_cl em img').attr('src',src);
        $('.carouer_cr ul li').eq(liOn).addClass('on').siblings().removeClass('on');

        if($(window).width()>767){
          if(liOn>4){
            num++;
          }
          if(num>=index-1-4){
            num = index-1-4;
          }
        }else{
          if(liOn>3){
            num++;
          }
          if(num>=index-1-3){
            num = index-1-3;
          }
        }
        if($(window).width()>767){
          $('.carouer_cr ul').stop(true,true).animate({'top':-num*liw+'px'},300,function(){
            $('.carou_prev').removeClass('disabled');
            if(liOn==index-1){
              $('.carou_next').addClass('disabled');
            }
          })
        }else{
          $('.carouer_cr ul').stop(true,true).animate({'left':-num*liw+'px'},300,function(){
            $('.carou_prev').removeClass('disabled');
            if(liOn==index-1){
              $('.carou_next').addClass('disabled');
            }
          })
        }
        
      }
    })



    $('.carouer_cr ul li').on('click',function(){
      carou_v = true; 
      carou_v1 = 0;
      liOn = $(this).index();
      $('.carouer_cl').removeClass('on');      
      var src = $('.carouer_cr ul li').eq(liOn).find('img').attr('src');
      var txt = $('.carouer_cr ul li').eq(liOn).find('.carou_li_co').html();
      $('.carouer_cl em').html('<img src=""/>');
      $('.tyre_car01 .left .carouer_cl_co').html(txt);
      $('.carouer_cl em img').attr('src',src);
      $('.carouer_cr ul li').eq(liOn).addClass('on').siblings().removeClass('on');
      if(liOn==0){
        $('.carou_prev').addClass('disabled');
        $('.carou_next').removeClass('disabled');
      }else if(liOn == index-1){
        $('.carou_next').addClass('disabled');
        $('.carou_prev').removeClass('disabled');
      }else{
        $('.carou_prev').removeClass('disabled');
        $('.carou_next').removeClass('disabled');
      }
    })    


    
   
  })


  $(function(){
    $(".tyre_block02 .right li").click(function(){
      $(this).addClass("on").siblings().removeClass("on");
      var tyre_img01=$(this).find(".tyre_img01 img").attr("src");
      var tyre_img02=$(this).find(".tyre_img02 img").attr("src");
      var tyre_text=$(this).find("dd p").text();
      $(".tyre_block02 .left .tyre_small_img img").attr({"src":tyre_img01});
      $(".tyre_block02 .left .tyre_car_c img").attr({"src":tyre_img02});
      $(".tyre_block02 .left h3 p").text(tyre_text)

    })
  })