/**
 * InterNLnet, 2008 (C)
 */

/**
 * Custom Vtypes
 */

Ext.apply(Ext.form.VTypes, {
	password: function(val, field) {
		if (field.initialPassField) {
			var pwd = Ext.getCmp(field.initialPassField);
			return (val == pwd.getValue());
		}
		return true;
	},
	passwordText: 'Passwords do not match',
	
	postcode: function(v){
		return /^\d{4}\w{2}$/.test(v);
	},
	postcodeMask: /[\d\w]/,
	postcodeText: 'De postcode moet in het formaat 0000XX',

	//contactnummer: function(v){ return /^\d{2,3,4}-\d{6,7,8}$/.test(v); },
	//contactnummer: function(v){ return /((^06[0-9]{8}$)|(^06\-{1}[0-9]{8}$)|(^[0-9]{3,4}\-{1}[0-9]{6,7}$)|(^\+{1}[0-9]{2}\-{1}[0-9]{2,3}\-{1}[0-9]{6,7}$))/.test(v); },
	contactnummer: function(v){ return /(^[0-9]{10}$)/.test(v); },	contactnummerMask: /[\d]/,
	contactnummerText: '10-cijferig telefoonnummer (0123456789)'
	
});

var bedrijfsform;
Ext.onReady(function(){
	Ext.QuickTips.init();
	Ext.form.Field.prototype.msgTarget = 'under';

	var store_aanhef = new Ext.data.SimpleStore({
		fields: ['abbr', 'state'],
		data: [['heer', 'heer'], ['mevr','mevr']]
	});

	bedrijfsform = new Ext.FormPanel({
		labelWidth: 130,
		defaults: { width: 200 },
		defaultType: 'textfield',
		cls: 'shadow',
		border: false,
		method: 'POST',
		frame: false,
		bodyStyle: 'padding:5px 5px 0',
		items: [
			{
				fieldLabel: 'Voornaam',
				name: 'voornaam',
				allowBlank: false
			},
			{
				fieldLabel: 'Achternaam',
				name: 'achternaam',
				allowBlank: false
			},
			{
				xtype: 'combo',
				fieldLabel: 'Aanhef',
				store: new Ext.data.SimpleStore({
					fields: ['aanhef'],
					data: [['Heer','heer'],['Mevr','mevr']]
				}),
				editable: false,
				displayField: 'aanhef',
				value: 'Heer',
				hiddenName: 'aanhef',
				typeAhead: false,
				triggerAction: 'all',
				emptyText: 'Kies uw aanhef...',
				mode: 'local',
				selectOnFocus: true
			},
			{
				fieldLabel: 'Woonplaats',
				name: 'woonplaats',
				allowBlank: false
			},
			{
				fieldLabel: 'Bedrijf',
				name: 'bedrijf',
				allowBlank: false
			},
			{
				fieldLabel: 'Uw functie',
				name: 'functie',
				allowBlank: true
			},
			{
				fieldLabel: 'Telefoonnummer',
				name: 'telefoonnummer',
				allowBlank: false,
				vtype: 'contactnummer'
			},
			{
				fieldLabel: 'E-mailadres',
				name: 'email',
				allowBlank: false,
				vtype: 'email'
			},
			{
				width: 400,
				xtype: 'panel',
				border: false,
				html: '<button onclick="verzenden()" class="button"> </button>'
			}
			],
			renderto: 'form-div'
	});

	bedrijfsform.render('form-div');
});

function verzenden() {
	bedrijfsform.form.submit({
		waitMsg:'Verzenden Data...',
		url: 'formBedrijven.php',
		success: function(e) {
			window.location.replace("bedrijfsbedankt.php");
		}
	});
}
/*function verzenden() {
	anwbform.form.submit({
		waitMsg:'Verzenden Data...',
		url: 'save-form.php',
		success: function(e) {
			var values = anwbform.form.getValues();
			if (values.producttype == 'Alice Comfort') {
				window.location.replace("bedankt-comfort.php");
			} else {
				window.location.replace("bedankt-easy.php");
			}
		}
	});
}*/