/*
 Á¦ÀÛ : µðÀÚÀÎºí·¢ (http://designblack.com) , 2015-04-10
 */
 
  var $window=$(window);
  //¸Þ´º
  var d_gnb=function(pageNum,subNum){
   var $container=$('header .d_container');
   var $nav=$('.top_nav');
   var $navLi=$('.top_nav > li');
   var $navLia=$('.top_nav > li > a');
   var $navDl=$('.top_nav dl');
   var $top_gnb=$('.top_gnb');
   var nav_open=0;
   var m_click=null;
   var pageNum=pageNum;
   var speed=300;
   var subNum=subNum;
   if(pageNum){
    $navLi.eq(pageNum-1).addClass('fixed');
    $navLi.eq(pageNum-1).find('dl dd').eq(subNum-1).addClass('fixed');
   }
   //pc ¸Þ´ºÀüü ¿À¹ö½Ã ÆîÄ£´Ù
   $nav.bind({
    mouseenter:function(){
     if($window.width()>801){
      $container.stop().animate({'height':'330px'},speed);  // PC ¸Þ´ºÀüü³ôÀÌ
      nav_open=1;
     }
    },
    mouseleave:function(){
     if($window.width()>801){
      $container.stop().animate({'height':'100%'},speed);
      nav_open=0;
     }
    }
   });

   //tablet
   $top_gnb.bind({
    click:function(){
     nav_open=!nav_open
     if(nav_open){
      $nav.show();
      $container.stop().animate({'height':'440px'},speed);; // tablet ¸Þ´ºÀüü³ôÀÌ
     }else{
      $nav.hide();
      $container.stop().animate({'height':'100%'},speed);
     }
    }
   })

 
   //mobile ¸Þ´º¸¦ Ŭ¸¯ÇÒ¶§ ¼­ºê¸¦ ÆîÄ£´Ù
   $navLia.bind({   
    click:function(e){     
     if($window.width()<800){
      e.preventDefault(); 
      $navDl.stop().slideUp(speed);
      $navLia.parent().removeClass('on')
      //
      if(m_click!=$(this).parent().index()){
       $(this).parent().addClass('on');
       $(this).parent().find('dl').stop().slideDown(speed); 
       m_click=$(this).parent().index();      
      }else{
       m_click=null;
      }      
      
     }
    }
   })
  }
  

 $(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();
  
 
 })