{
  initComponent: function(){
    this.callParent();

    this.mainPanel = this.down('panel[itemId="main_panel"]');
    this.menuBar   = this.down('container[itemId="menu_bar"]');
    var statusBar = this.statusBar = this.down('container[itemId="status_bar"]');

    // Setting the "busy" indicator for Ajax requests
    Ext.Ajax.on('beforerequest',    function(){ statusBar.showBusy(); });
    Ext.Ajax.on('requestcomplete',  function(){ statusBar.hideBusy(); });
    Ext.Ajax.on('requestexception', function(){ statusBar.hideBusy(); });

    this.setRouting();
  },

  setRouting: function(){
    this.router = Ext.util.History;
    this.router.init();
    this.router.on('change', this.loadRoute, this);
  },

  loadRoute: function(token){
    if (token){
      this.netzkeLoadComponent(token, {container: this.mainPanel});
    } else {
      this.mainPanel.removeAll();
    }
  },

  afterRender: function(){
    this.callParent();
    var currentToken = this.router.getToken();
    if (typeof currentToken == "string" && currentToken.length > 0) {
      this.loadRoute(currentToken);
    }
  },

  appLoadComponent: function(name) {
    this.router.add(name);
  },

  netzkeLoadComponentByAction: function(action){
    this.router.add(action.name.underscore());
  },

  onToggleConfigMode: function(params){
    this.toggleConfigMode();
  }
}