Ext.ux.form.EmailAddress = Ext.extend(Ext.Panel, {
	
	emailAddressId: 0
	
	,fieldCfg: {}
	
	,defaultFieldCfg: {
		name: 'email'
		,value: ''
		,allowBlank: true
		,tabIndex: 0
		,autoHeight: true
		,border: false
	}
	
	,getData: function () {
		return this.getEmailCmp().getValue();
	}
	
	,getEmailCmp: function () {
		return this.findByType('textfield')[0];	
	}
	
	,initComponent:function () {
		
		var baseFieldCfg = {
			xtype: 'textfield'
			,fieldLabel: 'Email Address'
 			,vtype: 'email'
			,layout: 'form'
		};
		
		var cfg = {};
		
		Ext.apply(cfg, this.defaultFieldConfig, this.fieldCfg);	
		
		Ext.apply(cfg, baseFieldCfg);
		
		Ext.apply(this, { 
			layout: 'form'
			,border: false
			,items: [
				cfg
			]
		});
		
		Ext.ux.form.EmailAddress.superclass.initComponent.apply(this, arguments);
			
	}
	
});

Ext.reg('ux.form.emailaddress', Ext.ux.form.EmailAddress);