function loadSubmenus() {
  var timer;
  var currentSubmenu;

  $('.MenuItem').each(function (i) {
    var menuItem = $(this).attr('id');
    var submenu = '#Sub' + menuItem;

    $(this).hover(
      function() {
        $(currentSubmenu).css('visibility', 'hidden');
        currentSubmenu = submenu;
        $(submenu).css('visibility', 'visible');
      },
      function() {
        timer = setTimeout(function() {$(submenu).css('visibility', 'hidden');}, 300);
      }
    );

      $(submenu).hover(
      function() {
        clearTimeout(timer);
      },
      function() {
        $(submenu).css('visibility', 'hidden');
      }
    );
  });
}