Ext.onReady(function(){

    Ext.QuickTips.init();

    // turn on validation errors beside the field globally
    Ext.form.Field.prototype.msgTarget = 'side';

    var bd = Ext.getBody();

  
//=====================  Contato  =======================//


    var tabs = new Ext.FormPanel({
        labelWidth: 75,
        border:false,
        width: 525,

        items: {
            xtype:'tabpanel',
            activeTab: 0,
            defaults:{autoHeight:true, bodyStyle:'padding:10px'}, 
            items:[{
                title:'Dados Pessoais',
                layout:'form',
                defaults: {width: 230},
                defaultType: 'textfield',

                items: [{
                    fieldLabel: 'Nome',
                    name: 'first',
                    value: ''
                },{
                    fieldLabel: 'Sobrenome',
                    name: 'last',
                    value: ''
                },{
                    fieldLabel: 'Empresa',
                    name: 'company',
                    value: ''
                }, {
                    fieldLabel: 'E-mail',
                    name: 'email',
                    vtype:''
                }]
            },{
                title:'Telefones / Celulares',
                layout:'form',
                defaults: {width: 230},
                defaultType: 'textfield',

                items: [{
                    fieldLabel: 'Residência',
                    name: 'home',
                    value: ''
                },{
                    fieldLabel: 'Empresa',
                    name: 'business'
                },{
                    fieldLabel: 'Celular',
                    name: 'mobile'
                },{
                    fieldLabel: 'Fax',
                    name: 'fax'
                }]
			},{
				cls:'x-plain',
                title:'Comentário',
                layout:'fit',
                defaults: {width: 500},
                defaultType: 'htmleditor',

                items: {
                    xtype:'htmleditor',
                    id:'bio2',
                    fieldLabel:'Biography'
                }
            }]
        },

        buttons: [{ 
            text: 'Enviar'
        }]
    });

    tabs.render(document.getElementById("contato"));
});