$(function(){
   $(".d_area_box2 li").each(function(index, el) {
      $(this).find("p").eq(0).addClass('first'); 
   });
   
   $(".area_list li:nth-child(8n-1),.area_list li:nth-child(8n-3),.area_list li:nth-child(8n-4),.area_list li:nth-child(8n-6)").addClass('an');
  
   
})


$(function(){
		var liw = 150;
		var index = $('.simg ul li').length;
		var num = 0;
		var liOn = 0;

        $(".bimg li").eq(0).show();
        $(".simg li").eq(0).addClass('on');

        if(index<=4){
        	$(".btn_up,.btn_down").hide();
        }

        $('.btn_up').addClass('disabled');

		$('.btn_up').on('click',function(){
			if(!$('.simg ul').is(":animated")){
				liOn--;
				if(liOn<=0){
					liOn = 0;
				}

				$('.simg ul li').eq(liOn).addClass('on').siblings().removeClass('on');
				$(this).parents(".d_brand_box2").find(".bimg ul li").eq(liOn).show().siblings().hide();

				num--;
				if(num<=0){
					num = 0;
				}
				
				$('.simg ul').stop(true,true).animate({'top':-num*liw+'px'},300,function(){
					$('.btn_down').removeClass('disabled');
					if(liOn==0){
						$('.btn_up').addClass('disabled');
					}
				})
				
				
			}
		})
		$('.btn_down').on('click',function(){
			if(!$('.simg ul').is(":animated")){
				liOn++;
				if(liOn>=index-1){
					liOn = index-1;
				}
				

				$('.simg ul li').eq(liOn).addClass('on').siblings().removeClass('on');
				$(this).parents(".d_brand_box2").find(".bimg ul li").eq(liOn).show().siblings().hide();

				
				if(liOn>3){
					num++;
				}
				if(num>=index-4){
					num = index-4;
				}
			
			
				$('.simg ul').stop(true,true).animate({'top':-num*liw+'px'},300,function(){
					$('.btn_up').removeClass('disabled');
					if(liOn==index-1){
						$('.btn_down').addClass('disabled');
					}
				})
				
			}
		})



		$('.simg ul li').on('click',function(){
			liOn = $(this).index();
            $(this).parents(".d_brand_box2").find(".bimg ul li").eq(liOn).show().siblings().hide();
			$('.simg ul li').eq(liOn).addClass('on').siblings().removeClass('on');
			if(liOn==0){
				$('.btn_up').addClass('disabled');
				$('.btn_down').removeClass('disabled');
			}else if(liOn == index-1){
				$('.btn_down').addClass('disabled');
				$('.btn_up').removeClass('disabled');
			}else{
				$('.btn_up').removeClass('disabled');
				$('.btn_down').removeClass('disabled');
			}
		})
		
		
	})