/**************************************************************

	Script		: Validate
	Version		: 2.1
	Authors		: Samuel Birch
	Desc		: Form validation
	Licence		: Open Source MIT Licence

**************************************************************/

var Validate = new Class({
	
	options: {
			validateOnBlur: true,
			errorClass: 'error',
			errorMsgClass: 'errorMessage',
			dateFormat: 'YYYY/mm/dd',
			onFail: Class.empty,
			onSuccess: false,
			showErrorsInline: true,
			label: 'Please wait...'
	},

	initialize: function(form, options){
		this.setOptions(options);
		
		this.form = $(form);
		this.elements = this.form.getElements('.required');
		
		this.list = [];
		
		this.elements.each(function(el,i){
			if(this.options.validateOnBlur){
				el.addEvent('blur', this.validate.bind(this, el));
			}
		}.bind(this));
		
		this.form.addEvent('submit', this.onSubmit.bind(this));
	},
	
	onSubmit: function(e) {
		var event = new Event(e);
		var doSubmit = true;
		var _this = this;
			
		this.elements.each(function(el,i){
			if(! this.validate(el)){
				event.stop();
				doSubmit = false
				this.list.include(el);
			}else{
				this.list.remove(el);
			}
		}.bind(this));
		
		if(doSubmit){
			if(this.options.onSuccess){
				event.stop();
				this.options.onSuccess(this.form);
			}else{
				new Event(e).stop();  
				
				var waiterExample = new Waiter($('page'));
				
				this.form.send({
					onRequest: function(){ 
						waiterExample.start();  
					},
					onComplete: function(response) {
						if (response.match("1|")) {
							error = response.split("|"); 
							
							waiterExample.stop(waiterExample); 
							
							document.location = error[1];
						}
						else if (response.match("0|")){ 
							waiterExample.stop(waiterExample); 
							error = response.split("|");
							$('errorDiv').show().setHTML(error[1]);
							
							var scroller = new Fx.ScrollWindow();
							scroller.toElement($('errorDiv'));
							
						}
						else if (response.match("2|")){ 
							waiterExample.stop(waiterExample); 
							
							var el = $('recaptcha_response_field');
							
							_this.setMsg(el, 'Please validate');
							
						}
					},
					onFailure: function(){ 
						waiterExample.stop(waiterExample); 
						$('errorDiv').show().setHTML('There was an error communicating with the server.  Please try again shortly!');
						
						var scroller = new Fx.ScrollWindow();
						scroller.toElement($('errorDiv'));
					}
				});
			}
		}else{
			this.options.onFail(this.getList());
		}
	},
	
	getList: function(){
		var list = new Element('ul');
		this.list.each(function(el,i){
			if(el.title != ''){
			var li = new Element('li').injectInside(list);
			new Element('label').setProperty('for', el.id).setText(el.title).injectInside(li);
			}
		});
		return list;
	},
	
	validate: function(el){
		var valid = true;
		this.clearMsg(el);
				
		switch(el.type){
			case 'text':
			case 'textarea':
			case 'select-one':

				if(el.value != ''){
									
					if(el.getProperty('match')){
						if (el.value == $(el.getProperty('match')).value) {
							valid = true;
						}
						else {
							valid = false;
							this.setMsg(el, el.getProperty('matcherror'));
						}
					}
					
					
					if(el.hasClass('email')){
						var regEmail = /^[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/;
						if(el.value.toUpperCase().match(regEmail)){
							valid = true;
						}else{
							valid = false;
							this.setMsg(el, '< Please enter a valid email');
						}
					}
					
					if(el.hasClass('number')){
						var regNum = /[-+]?[0-9]*\.?[0-9]+/;
						if(el.value.match(regNum)){
							valid = true;
						}else{
							valid = false;
							this.setMsg(el, '< Please enter a valid number');
						}
					}
					
					if(el.hasClass('postcode')){
						var regPC = /^([Gg][Ii][Rr] 0[Aa]{2})|((([A-Za-z][0-9]{1,2})|(([A-Za-z][A-Ha-hJ-Yj-y][0-9]{1,2})|(([A-Za-z][0-9][A-Za-z])|([A-Za-z][A-Ha-hJ-Yj-y][0-9]?[A-Za-z])))) [0-9][A-Za-z]{2})$/
						if(el.value.match(regPC)){
							valid = true;
						}else{
							valid = false;
							this.setMsg(el, '< Please enter a valid postcode');
						}
					}
					
					if(el.hasClass('date')){
						var d = Date.parseExact(el.value, this.options.dateFormat);
						if(d != null){
							valid = true;
						}else{
							valid = false;
							this.setMsg(el, '< Please enter a valid date: '+this.options.dateFormat.toLowerCase());
						}
					}
					
					if(el.hasClass('phone')){
						var regEmail = /\(?[0-9]{3}\)?[-. ]?[0-9]{3}[-. ]?[0-9]{4}/;
						if(el.value.toUpperCase().match(regEmail)){
							valid = true;
						}else{
							valid = false;
							this.setMsg(el, '< Please enter a valid number');
						}
					}
					
				}else{
					valid = false;
					this.setMsg(el);
				}
				break;
				
			case 'checkbox':
				if(!el.checked){
					valid = false;
					this.setMsg(el);
				}else{
					valid = true;
				}
				break;
				
			case 'radio':
				var rad = $A(this.form[el.name]);
				var ok = false;
				rad.each(function(e,i){
					if(e.checked){
						ok = true;
					}
				});
				if(!ok){
					valid = false;
					this.setMsg(rad.getLast(), '< Please select an option');
				}else{
					valid = true;
					this.clearMsg(rad.getLast());
				}
				break;
				
		}
		return valid;
	},
	
	setMsg: function(el, msg){
		if(msg == undefined){
			msg = el.title; 
		}
		if(this.options.showErrorsInline){
			if(el.error == undefined){
				if (el.id.test("date")) { el.error = new Element('span').addClass(this.options.errorMsgClass).setText(msg).injectAfter($(el.id + '_button')); }
				else if (el.type == 'textarea') { el.error = new Element('div').addClass(this.options.errorMsgClass).setText(msg).injectAfter(el); }
				else { el.error = new Element('span').addClass(this.options.errorMsgClass).setText(msg).injectAfter(el); }
			}else{
				el.error.setText(msg);
			}
			el.addClass(this.options.errorClass);
		}
	},
	
	clearMsg: function(el){
		el.removeClass(this.options.errorClass);
		if(el.error != undefined){
			el.error.remove();
			el.error = undefined;
		}
	}
	
});

Validate.implement(new Options);
Validate.implement(new Events);


/*************************************************************/