MainNavigation = function (menu) {
    var mainNavItem = $(menu).children();

    mainNavItem.each(function () {
        var mainNav = $(this),
        subNav = $(this).find('ul');

        mainNav.hover(
      function () {
          mainNav.addClass('active');

          setTimeout(function () {
              if (mainNav.hasClass('active')) {
                  openSubNav(subNav);
              }
          }, 100);
      },
      function () {
          mainNav.removeClass('active');
          closeSubNav(subNav);
      }
    );
    });

    function openSubNav(subNav) {
        subNav.slideDown(150);
    };

    function closeSubNav(subNav) {
        subNav.slideUp(150);
    };
};