Ext.ns('ES');

ES.physicDatasFormAreaHelp = Ext.extend(Ext.Panel,{
  frame:true,
  border:true,
  labelWidth:180,
  layout:'card',
  activeItem:'emptyarea',
  height:353,
  width: 308,
  bodyStyle:'padding:10px'
  ,initComponent:function() {
    var config = {
      items: [{
        id: 'emptyarea',
        html: '<img id="empty_area_img" src="images/physic_datas/empty_area.png" alt=""/>'
      },{
        id: 'heatedarea',
        html: '<img id="heated_area_img" src="images/physic_datas/heated_area.png" alt=""/>'
      },{
        id: 'windowarea',
        html: '<img id="window_area_img" src="images/physic_datas/window_area.png" alt=""/>'
      },{
        id: 'wallarea',
        html: '<img id="wall_area_img" src="images/physic_datas/wall_area.png" alt=""/>'
      },{
        id: 'floorarea',
        html: '<img id="floor_area_img" src="images/physic_datas/floor_area.png" alt=""/>'
      },{
        id: 'roofarea',
        html: '<img id="roof_area_img" src="images/physic_datas/roof_area.png" alt=""/>'
      }]
    };
     // apply config
    Ext.apply(this, Ext.apply(this.initialConfig, config));
    // call parent initComponent
    ES.physicDatasFormAreaHelp.superclass.initComponent.call(this);
  } // end of function initComponent
  ,onRender:function() {
    // call parent
    ES.physicDatasFormAreaHelp.superclass.onRender.apply(this, arguments);
  } // eo function onRender
  ,showHelpImage:function(image) {
    this.layout.setActiveItem(image);
  }
});

Ext.reg('ESphysicdatasformareahelp', ES.physicDatasFormAreaHelp);