var AppController = new LayoutController({

  // All regions created within the layout will have a dynamically
  // generated class name following the convention "[prefix]-[name]"
  // ex: `app-nav`
  regionPrefix: 'app',

  // All events handlers are applied using a common naming convention.
  // The main app controller will need to define a root namespace. All
  // nested controllers will have a namespace dynamically created based
  // on their depth compared to the root Controller.
  // ex: 'app:ovelay:nav'
  namespace: 'app',
  
  // Regions can be passed in at instantiation, defined
  // in programatically or added to the Controller prototype.
  // It can be an array of 'names', which is enough create the
  // regions or it can be an object where the keys are 'names'
  // and the values are the region options.
  regions: ['sidebar', 'main']
  
});

var MenuPrimaryView = Marionette.ItemView.extend({
  template: '#tmpl-menu-primary'
});

var MenuSecondaryView = Marionette.ItemView.extend({
  template: '#tmpl-menu-secondary'
});

// First show primary menu
commander.execute('app:sidebar:show', 'primary', {
  Controller: ItemController,
  options: { View: MenuPrimaryView }
});

// Update region to display secondary menu
commander.execute('app:sidebar:show', 'secondary', {
  Controller: ItemController,
  options: { View: MenuSecondaryView }
});