$(function(){
    var liw = 0;
    $(window).resize(function(){
      $('.adver_cl em').height($('.adver_cl em').width()*0.5625);
      $('.adver_c').height($('.adver_cl em').width()*0.5625);
      if($(window).width()>767){
        var h01=$('.adver_cl em').width()*0.5625;
        var h02=h01-54;
        $('.adver_cr ul li').height(h02/4);
        //liw = $('.adver_cl em').width()*0.5625/4;
        liw = h02/4;

      }else{
        $('.adver_cr ul li').width($('.adver_cr').width()/3);
        $('.adver_cr ul li').height($('.adver_cr ul li').width()*0.5625);
        $('.adver_cr ul').width($('.adver_cr').width()/3*$('.adver_cr ul li').length);
        liw = $('.adver_cr').width()/3;
      }
    })
    $(window).resize();
    var index = $('.adver_cr ul li').length;
    var num = 0;
    var liOn = 0;
    var adv_v = true; 
    var adv_v1 = 0; 

    var txt = $('.adver_cr ul li').eq(0).find('.adv_li_co').html();
    $('.adver_cl .adver_cl_co').html(txt);

  
    $('.adv_prev').on('click',function(){
      if(!$('.adver_cr ul').is(":animated")){
        adv_v = true; 
        adv_v1 = 0; 
        liOn--;
        if(liOn<=0){
          liOn = 0;
        }
        $('.adver_cl').removeClass('on');        
        var src = $('.adver_cr ul li').eq(liOn).find('img').attr('src');
        var txt = $('.adver_cr ul li').eq(liOn).find('.adv_li_co').html();
        $('.adver_cl em').html('<img src=""/>');
        $('.adver_cl .adver_cl_co').html(txt);
        $('.adver_cl em img').attr('src',src);
        $('.adver_cr ul li').eq(liOn).addClass('on').siblings().removeClass('on');

        num--;
        if(num<=0){
          num = 0;
        }
        if($(window).width()>767){
          $('.adver_cr ul').stop(true,true).animate({'top':-num*liw+'px'},300,function(){
            $('.adv_next').removeClass('disabled');
            if(liOn==0){
              $('.adv_prev').addClass('disabled');
            }
          })
        }else{
          $('.adver_cr ul').stop(true,true).animate({'left':-num*liw+'px'},300,function(){
            $('.adv_next').removeClass('disabled');
            if(liOn==0){
              $('.adv_prev').addClass('disabled');
            }
          })
        }
        
      }
    })
    $('.adv_next').on('click',function(){
      if(!$('.adver_cr ul').is(":animated")){
        adv_v = true; 
        adv_v1 = 0;
        liOn++;
        if(liOn>=index-1){
          liOn = index-1;
        }
        $('.adver_cl').removeClass('on');        
        var src = $('.adver_cr ul li').eq(liOn).find('img').attr('src');
        var txt = $('.adver_cr ul li').eq(liOn).find('.adv_li_co').html();
        $('.adver_cl em').html('<img src=""/>');
        $('.adver_cl .adver_cl_co').html(txt);
        $('.adver_cl em img').attr('src',src);
        $('.adver_cr ul li').eq(liOn).addClass('on').siblings().removeClass('on');

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



    $('.adver_cr ul li').on('click',function(){
      adv_v = true; 
      adv_v1 = 0;
      liOn = $(this).index();
      $('.adver_cl').removeClass('on');      
      var src = $('.adver_cr ul li').eq(liOn).find('img').attr('src');
      var txt = $('.adver_cr ul li').eq(liOn).find('.adv_li_co').html();
      $('.adver_cl em').html('<img src=""/>');
      $('.adver_cl .adver_cl_co').html(txt);
      $('.adver_cl em img').attr('src',src);
      $('.adver_cr ul li').eq(liOn).addClass('on').siblings().removeClass('on');
      if(liOn==0){
        $('.adv_prev').addClass('disabled');
        $('.adv_next').removeClass('disabled');
      }else if(liOn == index-1){
        $('.adv_next').addClass('disabled');
        $('.adv_prev').removeClass('disabled');
      }else{
        $('.adv_prev').removeClass('disabled');
        $('.adv_next').removeClass('disabled');
      }
    })    
   
  })