var editForm;
Ext.onReady(function(){

    Ext.QuickTips.init();

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

    var bd = Ext.getBody();
    var required='<span style=\"color:red;\" ext:qtip=\"Dit veld is verplicht\"> * </span>';
  editForm = new Ext.FormPanel({
      	getLookups: function() {
			f = editForm.getForm();
			items = f.items.items;
			s = '';
			c = 0;
			for(i = 0; i < items.length ; i++) {
				if(items[i].xtype == 'combo') {
					if(c > 0) s += ',';
					s += items[i].name;
					o = f.findField(items[i].name);
					s += "=" + 	o.value;				
					c++;
				}
			}
			return s;
		},
		id: 'editForm',
		labelAlign: 'left',
        border:false,
		labelWidth: 125, 
		bodyStyle:'padding:5px',
		width:420,
		height:250,
       monitorValid:true,
	   items: [{
            layout:'column',
            border:false,
			 items:[{
                width:"100%",
				layout: 'form',
				 defaults: {width: 230},
				 border:false,
                items: [{
                    xtype:'textfield',
                    fieldLabel: 'Naam onderneming',
                    name: 'onderneming',
					allowBlank:true,
					blankText: 'Naam onderneming is verplicht',
					msgTarget: 'side'

                },{
                    xtype:'textfield',
                    fieldLabel: 'Uw naam',
				    name: 'naam',
					allowBlank:true,
					blankText: 'Uw naam is verplicht',
					msgTarget: 'side'
                },{
                    xtype:'textfield',
                    fieldLabel: 'Telefoon'+required,
                    name: 'telefoon',
					allowBlank:false,
					blankText: 'Uw telefoonnummer is verplicht',
					msgTarget: 'side'
                },{
                    xtype:'textfield',
                    fieldLabel: 'E-mail'+required,
                    vtype: 'email',
					vtypeText: 'Het e-mail adres dient er als volgt uit te zien naam@domein.nl',
					name: 'email',
					allowBlank:false,
					blankText: 'Uw e-mail adres is verplicht',
					msgTarget: 'side'
                },{
					xtype: 'textarea',
					fieldLabel: 'Waarmee kunnen wij u helpen'+required,
					//			labelStyle: "",
					name: 'opmerking'

                },
				  {xtype: 'hidden', fieldLabel: 'ip', name: 'ip', value:'ip'},
				  {xtype: 'hidden', fieldLabel: 'datumtijd', name: 'datumtijd', value:'datumtijd'},
				  {xtype: 'hidden', fieldLabel: 'type_form', name: 'type_form', value:'zorghuis_formulier'}
]
            }]
        }],

        buttons: [{
            text: 'Verstuur',
			type: 'submit',
			formBind: true,
			handler: function () {
			editForm.getForm().submit({
					url: 'http://www.finntax.nl/js/server.php',
					method: 'POST',
					autoLoad: true,
					params: {
						funct: "recordInsert",
						datasource: "fin__form",
						key: "form_id",
						autonummering: "form_id",
						lookups: editForm.getLookups()
					},
					waitMsg: 'Het formulier wordt verzonden...',		// Wait Message
					success: function(form, action) {							
	       	 		var forms = Ext.getCmp('editForm');
					forms.hide();
					Ext.get('form-contact').dom.innerHTML = '<br/><strong>Het formulier is verzonden.</strong>';
					},
					failure: function(form, action) {							
						Ext.MessageBox.alert('Message','Uw bericht is niet verzonden, probeer het nog een keer. Of neem contact op met 0800-FINNTAX.');
					}
				});
			}
       	},
	   {
            text: 'Cancel'
        }]
    });

      editForm.render('form-contact');
    

});