Ext.ns('energywater');

energywater.entriesForm = Ext.extend(Ext.Panel,{
  layout: 'card'
  ,activeItem:'waterentriesform'
  ,frame:false
  ,border:false
  ,initComponent:function() {
    var config = {
      items:[{
        id:'waterentriesform',
        xtype:'waterentriesform'
      },{
        id:'energyentriesform',
        xtype:'energyentriesform'
      },{
        id:'elecsimpleentriesform',
        xtype:'elecsimpleentriesform'
      },{
        id:'elecdoubleentriesform',
        xtype:'elecdoubleentriesform'
      }]
    }; // eo config object
    // apply config
    Ext.apply(this, Ext.apply(this.initialConfig, config));
    // call parent initComponent
    energywater.entriesForm.superclass.initComponent.apply(this, arguments);
    this.waterEntriesForm = this.items.itemAt(0);
    this.energyEntriesForm = this.items.itemAt(1);
    this.elecSimpleEntriesForm = this.items.itemAt(2);
    this.elecDoubleEntriesForm = this.items.itemAt(3);
  } // end of function initComponent
  ,onRender:function() {
    energywater.entriesForm.superclass.onRender.apply(this, arguments);
  } // eo function onRender
  ,init:function(type,counter_id) {
    this.layout.setActiveItem(type+'entriesform');
    switch(type){
      case"water":
        this.waterEntriesForm.init(counter_id);
        this.waterEntriesForm._initFields();
      break;
      case"energy":
        this.energyEntriesForm.init(counter_id);
        this.energyEntriesForm._initFields();
      break;
      case"elecsimple":
        this.elecSimpleEntriesForm.init(counter_id);
        this.elecSimpleEntriesForm._initFields();
      break;
      case"elecdouble":
        this.elecDoubleEntriesForm.init(counter_id);
        this.elecDoubleEntriesForm._initFields();
      break;
    }
  }
});

Ext.reg('energywaterentriesform', energywater.entriesForm);