﻿var Validator = Class.create();

Validator.prototype = {

	initialize : function(className, error, test, options) {

		if(typeof test == 'function'){

			this.options = $H(options);

			this._test = test;

		} else {

			this.options = $H(test);

			this._test = function(){return true};

		}

		this.error = error || 'Validation failed.';

		this.className = className;

	},

	test : function(v, elm) {

		return (this._test(v,elm) && this.options.all(function(p){

			return Validator.methods[p.key] ? Validator.methods[p.key](v,elm,p.value) : true;

		}));

	}

}


Validator.methods = {

	pattern : function(v,elm,opt) {return Validation.get('IsEmpty').test(v) || opt.test(v)},

	minLength : function(v,elm,opt) {return v.length >= opt},

	maxLength : function(v,elm,opt) {return v.length <= opt},

	min : function(v,elm,opt) {return v >= parseFloat(opt)},
	max : function(v,elm,opt) {return v <= parseFloat(opt)},
	
	notOneOf : function(v,elm,opt) {return $A(opt).all(function(value) {

		return v != value;

	})},

	oneOf : function(v,elm,opt) {return $A(opt).any(function(value) {

		return v == value;

	})},

	is : function(v,elm,opt) {return v == opt},

	isNot : function(v,elm,opt) {return v != opt},

	equalToField : function(v,elm,opt) {return v == $F(opt)},

	notEqualToField : function(v,elm,opt) {return v != $F(opt)},

	include : function(v,elm,opt) {return $A(opt).all(function(value) {

		return Validation.get(value).test(v,elm);

	})}

}



var Validation = Class.create();

Validation.prototype = {

	initialize : function(form, options){

		this.options = Object.extend({

			onSubmit : true,

			stopOnFirst : false,

			immediate : false,

			focusOnError : true,

			useTitles : false,

			onFormValidate : function(result, form) {},

			onElementValidate : function(result, elm) {}

		}, options || {});

		this.form = $(form);

		if(this.options.onSubmit) Event.observe(this.form,'submit',this.onSubmit.bind(this),false);

		if(this.options.immediate) {

			var useTitles = this.options.useTitles;

			var callback = this.options.onElementValidate;

			Form.getElements(this.form).each(function(input) { // Thanks Mike!

				Event.observe(input, 'blur', function(ev) { 
					Validation.validate(Event.element(ev),{useTitle : useTitles, onElementValidate : callback}); 
			});

			});

		}

	},

	onSubmit :  function(ev){

		if(!this.validate()) Event.stop(ev);

	},

	validate : function() {

		var result = false;

		var useTitles = this.options.useTitles;

		var callback = this.options.onElementValidate;

		if(this.options.stopOnFirst) {

			result = Form.getElements(this.form).all(function(elm) { return Validation.validate(elm,{useTitle : useTitles, onElementValidate : callback}); });

		} else {

			result = Form.getElements(this.form).collect(function(elm) { return Validation.validate(elm,{useTitle : useTitles, onElementValidate : callback}); }).all();

		}

		if(!result && this.options.focusOnError) {

			Form.getElements(this.form).findAll(function(elm){return $(elm).hasClassName('validation-failed')}).first().focus()

		}

		this.options.onFormValidate(result, this.form);

		return result;

	},

	reset : function() {

		Form.getElements(this.form).each(Validation.reset);

	}
}

Object.extend(Validation, {

	validate : function(elm, options){

		options = Object.extend({

			useTitle : false,

			onElementValidate : function(result, elm) {}

		}, options || {});

		elm = $(elm);

		var cn = elm.classNames();

		return result = cn.all(function(value) {

			var test = Validation.test(value,elm,options.useTitle);

			options.onElementValidate(test, elm);

			return test;

		});

	},

	test : function(name, elm, useTitle) {

		var v = Validation.get(name);

		var prop = '__advice'+name.camelize();

		try {

		if(Validation.isVisible(elm) && !v.test($F(elm), elm)) {

			if(!elm[prop]) {

				var advice = Validation.getAdvice(name, elm);

				if(advice == null) {

					var errorMsg = useTitle ? ((elm && elm.title) ? elm.title : v.error) : v.error;

					advice = '<div class="red" id="advice-' + name + '-' + Validation.getElmID(elm) +'" style="display:none">' + errorMsg + '</div>'

					switch (elm.type.toLowerCase()) {

						case 'checkbox':

						case 'radio':

							var p = elm.parentNode;

							if(p) {

								new Insertion.Bottom(p, advice);

							} else {

								new Insertion.After(elm, advice);

							}

							break;

						default:

							new Insertion.After(elm, advice);

				    }

					advice = Validation.getAdvice(name, elm);

				}

				if(typeof Effect == 'undefined') {

					advice.style.display = 'block';

				} else {

					new Effect.Appear(advice, {duration : 1 });

				}

			}

			elm[prop] = true;

			elm.removeClassName('validation-passed');

			elm.addClassName('validation-failed');

			return false;

		} else {

			var advice = Validation.getAdvice(name, elm);

			if(advice != null) advice.hide();

			elm[prop] = '';

			elm.removeClassName('validation-failed');

			elm.addClassName('validation-passed');

			return true;

		}

		} catch(e) {

			throw(e)

		}

	},

	isVisible : function(elm) {

		while(elm.tagName != 'BODY') {

			if(!$(elm).visible()) return false;

			elm = elm.parentNode;

		}

		return true;

	},

	getAdvice : function(name, elm) {

		return $('advice-' + name + '-' + Validation.getElmID(elm)) || $('advice-' + Validation.getElmID(elm));
	},

	getElmID : function(elm) {

		return elm.id ? elm.id : elm.name;

	},

	reset : function(elm) {

		elm = $(elm);

		var cn = elm.classNames();

		cn.each(function(value) {

			var prop = '__advice'+value.camelize();

			if(elm[prop]) {

				var advice = Validation.getAdvice(value, elm);

				advice.hide();

				elm[prop] = '';

			}

			elm.removeClassName('validation-failed');

			elm.removeClassName('validation-passed');

		});

	},

	add : function(className, error, test, options) {

		var nv = {};

		nv[className] = new Validator(className, error, test, options);

		Object.extend(Validation.methods, nv);

	},

	addAllThese : function(validators) {

		var nv = {};

		$A(validators).each(function(value) {

				nv[value[0]] = new Validator(value[0], value[1], value[2], (value.length > 3 ? value[3] : {}));

			});

		Object.extend(Validation.methods, nv);

	},

	get : function(name) {

		return  Validation.methods[name] ? Validation.methods[name] : Validation.methods['_LikeNoIDIEverSaw_'];
	},

	methods : {

		'_LikeNoIDIEverSaw_' : new Validator('_LikeNoIDIEverSaw_','',{})

	}
});


Validation.add('IsEmpty', '', function(v) {

	return  ((v == null) || (v.length == 0)); // || /^\s+$/.test(v));

});



Validation.addAllThese([

	['required', 'Please enter the number of employees.', function(v) {

		return !Validation.get('IsEmpty').test(v);

	}],

	['validate-firstname', 'Please enter your first name', {

		minLength : 2,
    		notOneOf : ['First Name','first name']
	}],

	['validate-lastname', 'Please enter your last name', {

		minLength : 2,notOneOf : ['Last Name','last name']			
	}],

	['validate-phone', 'Please enter your phone number', {
		minLength : 7,
    		notOneOf : ['Phone','phone']     
	}],

	['validate-companyname', 'Please enter your company name', {

		minLength : 2,
    		notOneOf : ['Company Name','company name'] 
	}],

	['validate-address', 'Please enter your email address', {

		minLength : 2,
    		notOneOf : ['Address','address'] 
	}],

	['validate-email', 'Please enter a valid email address', function (v) {

		return Validation.get('IsEmpty').test(v) 

	}],
	['validate-coments', 'Please tell us how can we help', {

		minLength : 2,
    		notOneOf : ['Company Name','company name'] 
	}],
	

['validate-one-required', 'Please select one of the above options', function (v,elm) {
		var p = elm.parentNode;
		var options = p.getElementsByTagName('INPUT');

		return $A(options).any(function(elm) {

			return $F(elm);
				
		});
			
	}]

]);



