Ext.ns('energywater');

energywater.entriesGrid = Ext.extend(Ext.Panel,{
  layout: 'card'
  ,activeItem:'waterentriesgrid'
  ,frame:false
  ,border:false
  ,height:266
  ,initComponent:function() {
    var config = {
      items:[{
        id:'waterentriesgrid',
        xtype:'waterentriesgrid'
      },{
        id:'energyentriesgrid',
        xtype:'energyentriesgrid'
      },{
        id:'elecsimpleentriesgrid',
        xtype:'elecsimpleentriesgrid'
      },{
        id:'elecdoubleentriesgrid',
        xtype:'elecdoubleentriesgrid'
      }]
    }; // eo config object
    // apply config
    Ext.apply(this, Ext.apply(this.initialConfig, config));
    // call parent initComponent
    energywater.entriesGrid.superclass.initComponent.apply(this, arguments);
    this.waterEntriesGrid = this.items.itemAt(0);
    this.energyEntriesGrid = this.items.itemAt(1);
    this.elecSimpleEntriesGrid = this.items.itemAt(2);
    this.elecDoubleEntriesGrid = this.items.itemAt(3);

  } // end of function initComponent
  ,onRender:function() {
    energywater.entriesGrid.superclass.onRender.apply(this, arguments);
  } // eo function onRender
  ,init:function(type,counter_id) {
    this.layout.setActiveItem(type+'entriesgrid');
    switch(type){
      case"water":
        this.waterEntriesGrid.refresh(counter_id);
      break;
      case"energy":
        this.energyEntriesGrid.refresh(counter_id);
      break;
      case"elecsimple":
        this.elecSimpleEntriesGrid.refresh(counter_id);
      break;
      case"elecdouble":
        this.elecDoubleEntriesGrid.refresh(counter_id);
      break;

    }
  }
});

Ext.reg('energywaterentriesgrid', energywater.entriesGrid);