Ext.onReady(function(){

   
   Ext.QuickTips.init();

     
   var myForm = new Ext.form.FormPanel({
	  standardSubmit: true,  
      title:"Contact Us",
	  labelWidth: 95,
      width:361,
      frame:true,
      items: [
         new Ext.form.TextField({
            id:"email",
			name: 'email',
            fieldLabel:"Your E-Mail",
            width:240,
            allowBlank:false,
            blankText:"Please enter your e-mail address",
            vtype:"email",
            vtypeText:"The from field should be an email address in the format of user@domain.com"
         }),
         new Ext.form.TextField({
            id:"name",
            fieldLabel:"Your Name",
            width:240,
			name: 'name',
            allowBlank:false,
            blankText:"Please enter your name"
         }),
		 
		 
         new Ext.form.TextField({
            id:"subject",
            fieldLabel:"Subject",
            width:240,
			name: 'subject',
            allowBlank:false,
            blankText:"Please enter your subject"
         }),
		 
		 
         new Ext.form.TextArea({
            id:"message",
			name: 'message',
            fieldLabel:"Message",
            width:240,
            height:80
         })
      ],
        buttons: [{
            text: 'Submit',
            handler: function() {
			myForm.getForm().getEl().dom.action = 'contactus_send.php';
	        myForm.getForm().getEl().dom.method = 'POST';
            myForm.getForm().submit();
			Ext.Msg.alert('Status', 'Your Message has been successfully sent!.');
            }
        }]
   });
myForm.render('contactus_form');
});






























/*
Ext.onReady(function() {

Ext.QuickTips.init();

	var myData = [
		['Electrical Retail','hotpoint norwich',1,'2 months'],
		['Electrical Retail','sn550sidlwh',6,'2 months'],
		['Electrical Retail','electrical store norwich',4,'2 months'],
		['Aviation Engineering','aviation ground support equipment',6,'1 Year'],
		['Aviation Engineering','hilifts',1,'1 Year'],
		['Aviation Engineering','hilifts',1,'1 Year']
	];
 
	var myReader = new Ext.data.ArrayReader({}, [
		{name: 'Business Sector'},
		{name: 'Search Term (s)'},
		{name: 'Position on Google'},
		{name: 'Time Taken'}
	]);
 
	var grid = new Ext.grid.GridPanel({
		store: new Ext.data.Store({
			data: myData,
			reader: myReader,
			autoSizeColumns: true,
			autoSizeHeaders: false,
			trackMouseOver: true,

		}),
		columns: [
			{header: 'Business Sector', width: 120, sortable: true, dataIndex: 'Business Sector'},
			{header: 'Search Term (s)', width: 190, sortable: true, dataIndex: 'Search Term (s)'},
			{header: 'Position on Google', width: 120, sortable: true, dataIndex: 'Position on Google'},
			{header: 'Time Taken', width: 120, sortable: true, dataIndex: 'Time Taken'},
		],
		viewConfig: {
			forceFit: true
		},
		renderTo: 'content',
		title: 'Metalfrog',
autoScroll : true,

width: 600,
        height:300,
        minWidth: 300,
        minHeight: 200,
        layout: 'fit',
        plain:true





	
		
	});
 
	grid.getSelectionModel().selectFirstRow();
	
});
*/