/**
 * 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 marketeersform;

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']]
	});

	marketeersform = new Ext.FormPanel({
		labelWidth: 200,
		defaults: { width: 180 },
		defaultType: 'textfield',
		cls: 'shadow',
		fileUpload: true,
		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
			},
			{
				xtype: 'numberfield',
				fieldLabel: 'Leeftijd',
				name: 'leeftijd',
				allowBlank: false
			},
			{
				fieldLabel: 'Woonplaats',
				name: 'woonplaats',
				allowBlank: false
			},
			{
				fieldLabel: 'Huidige werksituatie',
				name: 'werksituatie',
				allowBlank: false
			},
			{
				xtype: 'combo',
				fieldLabel: 'Gewenst dienstverband',
				store: new Ext.data.SimpleStore({
					fields: ['dienstverband'],
					data: [['Vast dienstverband','vast'],['Interim','interim']]
				}),
				editable: false,
				displayField: 'dienstverband',
				value: 'Vast dienstverband',
				hiddenName: 'dienstverband',
				typeAhead: false,
				triggerAction: 'all',
				emptyText: 'Kies uw aanhef...',
				mode: 'local',
				selectOnFocus: true
			},
			{
				fieldLabel: 'Werkgever',
				name: 'functie',
				allowBlank: true
			},
			{
				fieldLabel: 'Telefoonnummer',
				name: 'telefoonnummer',
				allowBlank: false,
				vtype: 'contactnummer'
			},
			{
				fieldLabel: 'E-mailadres',
				name: 'email',
				allowBlank: false,
				vtype: 'email'
			},
			{
				xtype: 'fileuploadfield',
				id: 'form-file',
				emptyText: 'Selecteer een bestand',
				fieldLabel: 'Toevoegen c.v. / werkoverzicht',
				name: 'cv',
				buttonCfg: {
					text: '',
					iconCls: 'upload-icon'
				}
			},
			{
				xtype: 'textarea',
				fieldLabel: 'Open veld: ik ben een marketingdoener want:<br /><font style="font-size: 9px;">(max 150 woorden)</font>',
				name: 'cv',
				allowBlank: true
			},
			{
				width: 400,
				xtype: 'panel',
				border: false,
				html: '<button onclick="verzenden()" class="button"> </button>'
			}
			],
			renderto: 'form-div'
	});

	marketeersform.render('form-div');
});

function verzenden() {
	marketeersform.form.submit({
		waitMsg:'Verzenden Data...',
		url: 'formMarketeers.php',
		success: function(e) {
			window.location.replace("marketeersbedankt.php");
		}
	});
}