// JScript File

String.prototype.trim = function() { return this.replace(/^\s+|\s+$/, ''); };

var fieldTypes = {
	text: {
		name: 'Text field',
		validate: function(mandatory, value) {
			return mandatory ? value != '' : true;
		}
	},
	
	email: {
		name: 'Email Address',
		validate: function(mandatory, value) {
			if(value == '' && !mandatory) return true;
			return (value != '') && /^([\w\-\.']+)@((\[([0-9]{1,3}\.){3}[0-9]{1,3}\])|(([\w\-]+\.)+)([a-zA-Z]{2,4}))$/.test(value);
		}
	},
	
	phone: {
		name: 'Phone',
		validate: function(mandatory, value) {	
			if(value == '' && !mandatory) return true;
			return (value != '') && /^[ ]*((\(\d{2,6}\))|\d*)?[ ]*-?[ ]*(\d| ){2,20}(ext?e?n?t?i?o?n?[\.]{0,1}){0,1}[ ]{0,}(\d| ){0,20}$/.test(value);
		}
	},
	
	postcode: {
		name: 'Postcode',
		validate: function(mandatory, value) {
			value = value.trim().toUpperCase();
			if(value == '' && !mandatory) return true;
			return (value != '') && /(((^[ ]*[BEGLMNS][1-9]\d?)|(^W[2-9])|(^(A[BL]|B[ABDHLNRST]|C[ABFHMORTVW]|D[ADEGHLNTY]|E[HNX]|F[KY]|G[LUY]|H[ADGPRSUX]|I[GMPV]|JE|K[ATWY]|L[ADELNSU]|M[EKL]|N[EGNPRW]|O[LX]|P[AEHLOR]|R[GHM]|S[AEGKL-PRSTWY]|T[ADFNQRSW]|UB|W[ADFNRSV]|YO|ZE)\d\d?)|(^W1[A-HJKSTUW0-9])|(((^WC[1-2])|(^EC[1-4])|(^SW1))[ABEHMNPRVWXY]))(\s*)?([0-9][ABD-HJLNP-UW-Z]{2}))$|(^GIR\s?0AA$)[ ]*/.test(value);
		}
	}
}

validator.prototype = {
	errorClass: '',
	messageContainer: '',
	errorMessage: '',
	fieldList: null,
	
	addField: function(fieldId, mandatory, type, customFunction) {
		var field = document.getElementById(fieldId);
		field.validate = true;
		field.fieldType = type;
		field.mandatory = mandatory;
		field.customFunction = customFunction;
	},
	
	addCheckbox: function(fieldName, mandatory) {
		this.fieldList.push({type:'checkbox', name: fieldName, mandatory: true});
	},
	
	validateCheckboxes: function(item) {
		var valid = false;
		var d = document.getElementById(item.name);
		if(d) this.removeClass(d, this.errorClass);
		
		if(item.mandatory) {
			var boxes = document.getElementsByName(item.name);
			for(var i=0; i<boxes.length; i++) {
				if(boxes[i].checked) valid = true;
			}
		} else {
			valid = true
		}
		if(!valid) {
			var d = document.getElementById(item.name);
			if(d) this.addClass(d, this.errorClass);
		}
		return valid;
	}
}

function validator(formId) {
	var self = this;
	this.fieldList = new Array();
	this.form = document.getElementById(formId);
	
	this.form.onsubmit = function() {
		var valid = true;

		var fields = self.form.getElementsByTagName('input');
		for(var i=0; i<fields.length; i++) valid = self.validateField(fields[i]) && valid;

		var fields = self.form.getElementsByTagName('textarea');
		for(var i=0; i<fields.length; i++) valid = self.validateField(fields[i]) && valid;
		
		for(var i=0; i<self.fieldList.length; i++) {
			if(self.fieldList[i].type == 'checkbox') valid = self.validateCheckboxes(self.fieldList[i]) && valid;
		}
		
		if(!valid) { 
			self.messageContainer.style.display = 'block';
			self.messageContainer.innerHTML = self.errorMessage;
			self.addClass(self.messageContainer, 'highlight');
			setTimeout(function() { self.removeClass(self.messageContainer, 'highlight'); }, 1000);
		}
		else self.messageContainer.innerHTML = '';
		
		if(typeof(updateAmount) != 'undefined') {
			updateAmount();
			if(document.getElementById('M_client_name').value == '') document.getElementById('M_client_name').value = document.getElementById('Name').value;
			if(document.getElementById('M_client_email').value == '') document.getElementById('M_client_email').value = document.getElementById('Email').value;
		}
		
		return valid;
	}
	
	this.clearErrors = function() {
		var fields = self.form.getElementsByTagName('input');
		for(var i=0; i<fields.length; i++) self.removeClass(fields[i], self.errorClass);
		var fields = self.form.getElementsByTagName('textarea');
		for(var i=0; i<fields.length; i++) self.removeClass(fields[i], self.errorClass);
	}
	
	this.addClass = function(el, name) {
		self.removeClass(el, name);
		el.className = (el.className + ' ' + name).trim();
	}
	
	this.removeClass = function(el, name) {
		el.className = el.className.replace(new RegExp(name, "gi"), '').trim();
	}
	
	this.validateField = function(field) {
		var valid = true;
		if(field.validate) {
			if(!field.fieldType.validate(field.mandatory, field.value)) valid = false;
			if(valid && field.customFunction) {
				valid = field.customFunction();
			}
			if(valid) {
				self.removeClass(field, self.errorClass);
				self.setLabelError(field.id, self.errorClass, true);
			} else {
				self.addClass(field, self.errorClass);
				self.setLabelError(field.id, self.errorClass, false);
			}
		}
		return valid;
	}
	
	this.setLabelError = function(id, className, remove) {
		var labels = document.getElementsByTagName('label');
		for(var i=0; i<labels.length; i++) {
			if(labels[i].htmlFor == id) {
				if(remove) {
					self.removeClass(labels[i], className);
				} else {
					self.addClass(labels[i], className);
				}
			}
		}
	}
	
	this.autoValidation = function(fields) {
		for(var i=0; i<fields.length; i++) {
			var field = fields[i];
			if(field.validate) {
				field.onfocus = field.onchange = field.onblur = field.onclick = field.onkeyup = function() {
					self.validateField(this);
				}
			}
		}
	}
	
	this.enableAutoValidation = function() {
		self.autoValidation(self.form.getElementsByTagName('input'));
		self.autoValidation(self.form.getElementsByTagName('textarea'));
		
		for(var i=0; i<self.fieldList.length; i++) {
			if(self.fieldList[i].type == 'checkbox') {
				var fields = document.getElementsByName(self.fieldList[i].name);
				var value = i;
				for(var j=0; j<fields.length; j++) {
					fields[j].onclick = function() {
						self.validateCheckboxes(self.fieldList[value]);
					}
				}
			}
		}
	}
}