//GNB
(function( window, $ ){
 
 mt.gnb = {
  //init
  initApp : function(){
   var that = mt.gnb;
   
   that.defaultSet();
   that.initListener();
   
   $(window).trigger("resize").trigger("scroll");
  },
  //¼¿·ºÅÍ ÃʱâÈ­
  defaultSet : function(){
   var that = mt.gnb;
   //ST:WEB Selector-------------------------------------------------------------------------
   that.$wMainMenu = $(".m_gnb");
   that.$wMainMenuList = that.$wMainMenu.find("> li");
   //ED:WEB Selector-------------------------------------------------------------------------
   
   //ST:MOBILE Selector-------------------------------------------------------------------------
   that.$mMainMenu = $(".mobile_menu");
   that.$mMenuWrap = that.$mMainMenu.find(".m_wrap");
   //ED:MOBILE Selector-------------------------------------------------------------------------
   
  },
  
  //À̺¥Æ® ÃʱâÈ­
  initListener : function(){
   var that = mt.gnb;
   //ST:MOBILE Listener-------------------------------------------------------------------------
   
   //¸ð¹ÙÀÏ ¸Þ´º Ŭ¸¯
   this.toggle_btn = that.$mMainMenu.find(".toggle_btn");
   this.toggle_btn.on("click",function(e){
    e.preventDefault();
    var tg = $(this);
    if(tg.hasClass("on")){
     that.mobileClose();
    }else{
     
     that.mobileOpen();
    }
   })
   this.back_btn = $(".back_btn")
   this.back_btn.on("click",function(e){
    e.preventDefault();
    that.mobileClose();
   })
   
   
   this.mDep = that.$mMenuWrap.find(".m_gnb li");
   this.mDep.each(function(){
    var tg = $(this);
    var subM =tg.find(".sub_menu");
    if(subM.size() > 0){
     tg.find(">a").on("click",function(e){
      e.preventDefault();
                        var tg = $(this).parent();
      if(tg.hasClass("on")){
       tg.removeClass("on");
       subM.slideUp(400);
       
      }else{
       tg.addClass("on");
       subM.slideDown(400);
      }
     })
    }
   })
   
   
   //ED:MOBILE Listener-------------------------------------------------------------------------
   
   
   $(window).on("resize",function(){
    var winW = $(this).width();
    if(winW <= 1000){
     that._mode = "m";
    }else{
     that._mode = "w";
     that.mobileClose();
    }
   })
  },
  
  //¸ð¹ÙÀÏ ¿­±â
  mobileOpen : function(){
   var that = mt.gnb;
   that.$mMenuWrap.data("state","open")
   that.$mMenuWrap.velocity("stop");
   that.$mMenuWrap.removeClass("off").css("display","block").stop().velocity({right:0},{duration: 400,easing: "easeOutQuart"}) 
   this.back_btn.css("display","block").stop().velocity({right:0},{duration: 400,easing: "easeOutQuart"}) 
   
   this.back_btn.velocity("stop");
   this.back_btn.removeClass("off").addClass("on").stop().css("opacity",0).velocity({opacity:[1 , 0]},{duration: 600,delay:200,easing: "easeOutQuad"}) 
   
   this.toggle_btn.velocity("stop");
   this.toggle_btn.removeClass("off").addClass("on").stop().css("opacity",0).velocity({opacity:[1 , 0]},{duration: 600,delay:200,easing: "easeOutQuad"}) 
   
   $("body").css("overflow","hidden");
  },
  
  //¸ð¹ÙÀÏ ´Ý±â
  mobileClose : function(){
   var that = mt.gnb;
   that.$mMenuWrap.data("state","close")
   $("body").css("overflow","");
   that.$mMenuWrap.css("display","none");
   this.toggle_btn.removeClass("on").addClass("off");
   this.back_btn.removeClass("on").addClass("off");
   this.back_btn.css("display","none").stop().velocity({right:0},{duration: 400,easing: "easeOutQuart"}) 
   
   this.mDep.each(function(){
    var tg = $(this);
    var subM =tg.find(".m_gnb .sub_menu");
    if(subM.size() > 0){
     $(this).removeClass("on");
     subM.css("display","none");
    }
   })
   
  },
  
 };
 
 $(document).ready(function(){
  mt.gnb.initApp();
 })
 
 
})( window, jQuery );