//
Ext.onReady(function(){
	
	var contactBox=Ext.get('contact-contact-box');
	var contactForm=new Ext.form.BasicForm('contact-form',{waitMsgTarget: contactBox});

	contactForm.add(
		new Ext.form.TextField({applyTo: 'fldName', allowBlank: false,  invalidClass:'invalid'}),
		new Ext.form.TextField({applyTo: 'fldCompany', allowBlank: true,  invalidClass:'invalid'}),
		new Ext.form.TextField({applyTo: 'fldEmail', allowBlank: false, invalidClass:'invalid', vtype:'email'}),
		new Ext.form.TextField({applyTo: 'fldPhone', allowBlank: true, invalidClass:'invalid'}),
		new Ext.form.TextArea({applyTo: 'fldMessage', allowBlank: false,  invalidClass:'invalid'}),
		new Ext.form.ComboBox({transform: 'fldSendTo', width: 235, cls: 'ext-combo', invalidClass:'invalid', forceSelection:true, allowBlank: false, triggerAction: 'all'})
	);
	
	Ext.get('btnSubmit').on('click',function(evt,btn){
		evt.stopEvent();
		btn.blur();
		submitContactForm();
	});
	
	Ext.get('btnReset').on('click',function(evt,btn){
		btn.blur();
	});
	
	
	function submitContactForm() {
		contactForm.submit({
			url: '/contact/contactJSON',
			method: 'post',
			headers: { 'x-request-method': 'xhr' },
			waitMsg: 'Submitting your request',
			
			success: function(theForm,theAction) {
				contactBox.update(theAction.result.html);
			}/*,
			failure: function(theform, theAction) {
				// When specifying a failure function, failed client validation
				// will also trigger this, so we need to check where the error happend.
				if (theAction.failureType!=Ext.form.Action.CLIENT_INVALID) {
					dismissTrendsForm();
				}
			}*/

		});
	}
});