Ext.ns('division');

division.centerPanel = Ext.extend(Ext.Panel,{
  layout: 'card'
  ,border: false
  ,activeItem:'divisionemptypanel'
  ,autoshow:true
  ,forceLayout: true
  ,defaults: { bodyStyle: 'background-color:#eeeeee'}
  ,initComponent:function() {
    // hard coded config - cannot be changed from outside
    var config = {
      items:[{
        id:'divisionemptypanel',
        xtype:'divisionemptypanel',
        height: 430
      }]
    };
     // apply config
    Ext.apply(this, Ext.apply(this.initialConfig, config));
    // call parent initComponent
    division.centerPanel.superclass.initComponent.call(this);
  } // end of function initComponent
  ,onRender:function() {
    // call parent
    division.centerPanel.superclass.onRender.apply(this, arguments);
    // after parent code, e.g. install event handlers on rendered components
  } // eo function onRender

});

Ext.reg('divisioncenterpanel', division.centerPanel);