 
 class @Nav
   constructor: ->
-    $(document).on 'mouseenter', '.js-nav-popup', @showPopup
-    $(document).on 'mouseleave', '.js-nav-popup', @gracefulHidePopup
+    $(document).on 'mouseenter', '.js-nav-popup', @delayedShowPopup
+    $(document).on 'mouseleave', '.js-nav-popup', @delayedHidePopup
     $(document).on 'click', @hidePopup
 
     $(document).on 'click', '.js-nav-toggle', @toggleMenu

    return if !@available()

    Timeout.clear @hideTimeout
    @showAllMenu true
    @repositionPopup()


  switchMode: (e) =>

      return if !hide

    Timeout.clear @hideTimeout
    Timeout.clear @showTimeout
    @hideTimeout = Timeout.set 10, =>
      @showAllMenu false
      $.publish 'nav:popup:hidden'
