new_menu.js

// Main Menu functionalities.

var MainMenu = function() {}

MainMenu.body        = $('body');
MainMenu.menu        = $('#main-menu-nav');
MainMenu.burguerIcon = MainMenu.menu.find('.burguer-menu');
MainMenu.wrapper     = $('#main-menu-container');
MainMenu.listItem    = MainMenu.wrapper.find('ul li a');

MainMenu.init = function() {
  MainMenu.burguerIcon.bind('click', function(event) {
    MainMenu.wrapper.fadeToggle();
    MainMenu.menu.toggleClass('opened');
    MainMenu.body.toggleClass('locked');
    if (MainMenu.listItem.is(':hidden')) {
      MainMenu.listItem.velocity('transition.slideLeftIn', {
        stagger: 80
      });
    } else {
      MainMenu.listItem.fadeOut();
    }
    event.preventDefault();
  });
}

MainMenu.show = function() {
  if (MainMenu.menu.hasClass('visible')) return;
  MainMenu.menu.addClass('visible');
}

MainMenu.toggle = function() {
  var offset  = '-100%';

  $('section:first').waypoint(function(direction) {
    if (direction === 'down') {
      MainMenu.menu.addClass('visible');
    } else {
      MainMenu.menu.removeClass('visible');
    }
  }, { offset: offset });
}