Ext.ns('energywater');

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

Ext.reg('energywatercenterpanel', energywater.centerPanel);