Ext.onReady(function(){

    Ext.QuickTips.init();

    Ext.form.Field.prototype.msgTarget = 'under';
    
    var fp = new Ext.FormPanel({
        labelAlign: 'top',
		url: 'formnieuwsbriefaction.php',
        frame:true,
        layout:'column',
        items: [{
			columnWidth:0.5,
            layout: 'form',
            id:'doneerForm',
            items: [{
                xtype:'textfield',
                fieldLabel: 'E-mailadres *',
                name: 'email',
				vtype:'email',
                anchor:'91%',
				allowBlank: false
            }]
		}],
        buttons: [{
            text: 'Verstuur',
			style: 'padding: 20px 0 0 0;',
            handler: function() {
            	var form = fp.getForm();
	            	if (form.isValid()) {
	            		form.submit({
	            			success:function() {
	            				fp.collapse();
	            				
								Ext.Msg.alert('Bedankt', 'Bedankt voor het invullen van het formulier, u bent nu ingeschreven voor de nieuwsbrief.');

	            			},
	            			failure: function() {
								alert('Er is iets mis gegaan bij het verzenden van het formulier.');
	            			}
	            		});
	            	} else {
	            		alert('Het formulier is niet correct ingevuld.');
	            	}
            	/*} else {
            		alert('Het formulier is niet correct ingevuld.');
            	}*/
            }
        }]
    });
	
	fp.render('nieuwsbriefForm');
});