/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */
/*!
 * Ext JS Library 3.1.0
 * Copyright(c) 2006-2009 Ext JS, LLC
 * licensing@extjs.com
 * http://www.extjs.com/license
 */

//var doLayout = Ext.Container.prototype.doLayout;
// Ext.override(Ext.Container, {
//     doLayout: function() {
//         doLayout.apply(this, arguments);
//         console.log(this.id, this.ownerCt && this.ownerCt.id, this.ownerCt && this.ownerCt.items.getCount());
//     }
// })


// For forms, use xtype: 'panel', layout: 'form'.
// IE 6 is not always able to free the form tag element
// if using xtype: 'form'.

// There are 2 form configs -- will use (mod 2) to pick one.

var formConfigs = [{
   //
   // -- form config 1
   //
   xtype: 'form',
   labelWidth: 75,
   url: 'save-form.php',
   frame: true,
   baseCls: 'x-bubble',
   width: 680,
   autoHeight: true,
   bodyStyle: { 'padding': '5px 7px 0px 7px' },
   items: [{
      xtype: 'fieldset',
      collapsible: true,
      title: 'User Information',
      autoHeight: true,
      autoWidth: true,
      defaultType: 'textfield',
      collapsed: true,
      items :[{
         fieldLabel: 'First Name',
         name: 'first',
         allowBlank: false
      },{
         fieldLabel: 'Last Name',
         name: 'last'
      },{
         fieldLabel: 'Company',
         name: 'company'
      }, {
         fieldLabel: 'Email',
         name: 'email',
         vtype: 'email'
      }]
   },{
      xtype:'fieldset',
      title: 'Phone Number',
      collapsible: true,
      autoHeight: true,
      autoWidth: true,
      defaultType: 'textfield',
      items :[{
         fieldLabel: 'Home',
         name: 'home',
         value: '(888) 555-1212'
      },{
         fieldLabel: 'Business',
         name: 'business'
      },{
         fieldLabel: 'Mobile',
         name: 'mobile'
      },{
         fieldLabel: 'Fax',
         name: 'fax'
      }]
   },{
      xtype: 'panel',
      unstyled: true,
      buttonAlign: 'center',
      buttons: [{
         text: 'Save',
         scale: 'medium',
         scope: this
      },{
         text: 'Cancel',
         scale: 'medium',
         scope: this
      }]
   }]
},{
   //
   // -- form config 2
   //
   xtype: 'panel',
   frame: true,
   baseCls: 'x-bubble',
   border: false,
   width: 680,
   autoHeight: true,
   bodyStyle: { 'padding': '5px 7px 0px 7px' },
  
   items: [{ 
      layout: 'column',
      border: false,
      autoHeight: true,
      autoWidth: true,
      bodyStyle: 'padding-bottom: 6px',
      defaults: { layout: 'fit' },
      items: [{
         columnWidth: .5,
         layout: 'form',
         labelAlign: 'top',
         border: false,
         items: [{
            xtype: 'textfield',
            fieldLabel: 'First Name',
            name: 'first',
            anchor: '94%' 
         }, { 
            xtype: 'textfield',
            fieldLabel: 'Company',
            name: 'company',
            anchor: '94%' 
         }]   
      },{     
         columnWidth: .5,
         layout: 'form',
         labelAlign: 'top',
         border: false,
         items: [{
            xtype: 'textfield',
            fieldLabel: 'Last Name',
            name: 'last',
            anchor: '94%'
         },{
            xtype: 'textfield',
            fieldLabel: 'Email',
            name: 'email',
            vtype: 'email',
            anchor: '94%'
         }]
      }]
   },{
      xtype: 'tabpanel',
      plain: true,
      activeTab: 0,
      height: 200,
      bodyStyle: 'margin-bottom: 10px',
      deferredRender: false,
      defaults: {
         autoWidth: true,
         layout: 'fit',
         bodyStyle: 'padding: 10px'
      },
      items:[{
         title: 'Phone Numbers',
         layout: 'form',
         defaults: {width: 230},
         defaultType: 'textfield',

         items: [{
            fieldLabel: 'Home',
            name: 'home'
         },{
            fieldLabel: 'Business',
            name: 'business',
            value: '(888) 555-1212'
         },{
            fieldLabel: 'Mobile',
            name: 'mobile'
         },{
            fieldLabel: 'Fax',
            name: 'fax'
         }]
      },{
         cls: 'x-plain',
         title: 'Biography',
         layout: 'fit',
         bodyStyle: 'padding:8px',
         items: {
            xtype: 'htmleditor',
            name: 'bio2',
            fieldLabel: 'Biography'
         }
      }]
   },{
      xtype: 'panel',
      unstyled: true,
      buttonAlign: 'center',
      buttons: [{
         text: 'Save',
         scale: 'medium',
         scope: this
      },{
         text: 'Cancel',
         scale: 'medium',
         scope: this
      }]
   }]
}];

