/*
 Á¦ÀÛ : µðÀÚÀÎºí·¢ (http://designblack.com) , 2015-04-10
 */
 
 

 $(document).ready(function(){
  //¸ÞÀκñÁÖ¾ó
  var d_main=function(){
   var current=0;
   var _current=null;
   var $this=$('.visb');
   var $next=$this.find('.d_next');
   var $prev=$this.find('.d_prev');
   var $li=$this.find('.d_img_wrap > li');
   var $menu=$this.find('.d_menu li');
   var len=$li.length;
   var speed=500;                     //¼Óµµ
   var autoRollingTime=4000;         //ÀÚµ¿·Ñ¸µ
   var dir="next";
   var reAuto=0;
   $li.hide();   
   changeObj();
   $li.eq(current).show().stop().css('left',0);
   $(window).resize(function(){
    reAuto=0;
   })
   $next.bind('click',function(){
    dir="next";
    reAuto=0;
    current++;
    if(current>=len){
     current=0;
    }; 
    changeObj();
    
   });
   $prev.bind('click',function(){
    dir="prev";
    reAuto=0;
    current--;
    if(current<0){
     current=len-1;
    };
    changeObj();
   });
   $menu.bind('click',function(){
    var index=$(this).index()
    reAuto=0;
    if(index>current){
     dir="next";
    }else{
     dir="prev";
    }
    if(index!=current){
     current=index;
     changeObj();
    }
   })
   
   function changeObj(){    
    for(var i=0;i<len;i++){     
     var menu=$menu.eq(i);
     if(dir=="next"){
      if(current==i){       
       menu.addClass('on');
      }else{       
       menu.removeClass('on');
      }
     }else{
      if(current==i){       
       menu.addClass('on');
      }else{       
       menu.removeClass('on');
      }
     }
    }
    var width=$li.width();
    var _new=$li.eq(current);
    var _old=$li.eq(_current);    
    if(dir=='next'){
     _new.show().css('left',width).stop().animate({'left':'0'},speed);
     _old.css('left','0').stop().animate({'left':width*-1},speed,function(){$(this).css('left',-9999)});
    }else{
     _new.show().css('left',width*-1).stop().animate({'left':'0'},speed);
     _old.css('left','0').stop().animate({'left':width},speed,function(){$(this).css('left',-9999)});
    }
    _current=current
   }
   function setAuto(){ 
    if(reAuto){
     $next.click();
    }
    reAuto=1;
   }
   setInterval(setAuto,autoRollingTime);

  };
  d_main();
  
 
 })