// The following Forms block of stuff is generated on load and included inline at the top
var Forms = Forms || { };
Forms.signupForm = { };
Forms.signupForm.username = [ { name: 'Zend_Validate_Alnum', parameters: { allowWhiteSpace: false }  }, { name: 'Zend_Validate_StringLength', parameters: { min: 3, max: 50 }  } ];
Forms.signupForm.password = [ { name: 'My_Validate_PasswordConfirmation', parameters: {} } ];
Forms.signupForm.email = [ { name: 'Zend_Validate_EmailAddress', parameters: {} } ];
Forms.signupForm.age = [ { name: 'Zend_Validate_Digits', parameters: {} }, { name: 'Zend_Validate_GreaterThan', parameters: { min: 12 }  } ];


// The below code is in my js/Validator.js
var App = App || { };

App.validate = function(form)
{
	var c = form.elements;
	var formName = (form.name)
	             ? form.name
	             : 'form';

	var rules = Forms[formName];
	var formValidates = true;

	$H(rules).each(function(ruleset){
	    var element = $(form[ruleset.key]);

		  $H(ruleset.value).each(function(rule) {
		      var validatorName = rule.value.name;
		      var parameters = rule.value.parameters;
		      var value = element.value;

		      var elementValidates = App.Validator[validatorName](value, parameters);

		      if (elementValidates) {
		        element.removeClassName('invalid');
		      } else {
		        element.addClassName('invalid');
			      formValidates = false;
			    }
		    }
	    );
	  }
	);

	return formValidates;
}