/**
* @version		$Id: validate.js 7401 2007-05-14 04:12:55Z eddieajau $
* @package		Joomla
* @copyright	Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

/**
 * Unobtrusive Form Validation library
 *
 * Inspired by: Chris Campbell <www.particletree.com>
 *
 * @package		Joomla.Framework
 * @subpackage	Forms
 * @since		1.5
 */
var JFormValidator = new Class({
	initialize: function()
	{
		// Initialize variables
		this.handlers	= Object();
		this.custom		= Object();

		// Default handlers
		this.setHandler('username',
			function (value) {
			//	regex=/^[a-zA-Z0-9]{6,98}$/;
			//	var toReturn  = regex.test(value);
			//	return toReturn;
			return true;
			}
		);
		this.setHandler('password',
			function (value) {
				regex=/^[a-zA-Z0-9_-]{6,98}$/;
				var toReturn  = regex.test(value);
				if( jQuery('#password2').val() != '' && jQuery('#password2').val() != value ){
					seterror('password2');
				} else if( jQuery('#password2').val() != '' && jQuery('#password2').val() == value && toReturn == true ){
					setok('password2');
				}
				return regex.test(value);
			}
		);

		this.setHandler('passverify',
				function (value) {
					if(        jQuery('#password').val() != '' && jQuery('#password').val() != value ){
						seterror('password2');
						return false;
					} else if( jQuery('#password').val() != '' && jQuery('#password').val() == value ){
						setok('password2');
						setok('password');
						return true;
					}
				}
			);		
		
		this.setHandler('numeric',
			function (value) {
				regex=/^(\d|-)?(\d|,)*\.?\d*$/;
				return regex.test(value);
			}
		);

		this.setHandler('email',
			function (value) {
				regex=/^[a-zA-Z0-9._-]+@([a-zA-Z0-9.-]+\.)+[a-zA-Z0-9.-]{2,4}$/;
				return regex.test(value);
			}
		);

		// Attach to forms with class 'form-validate'
		var forms = $$('form.form-validate');
		forms.each(function(form){ this.attachToForm(form); }, this);
	},

	setHandler: function(name, fn, en)
	{
		en = (en == '') ? true : en;
		this.handlers[name] = { enabled: en, exec: fn };
	},

	attachToForm: function(form)
	{
		// Iterate through the form object and attach the validate method to all input fields.
		$A(form.elements).each(function(el){
			el = $(el);
			if ((el.getTag() == 'input' || el.getTag() == 'button') && el.getProperty('type') == 'submit') {
				if (el.hasClass('validate')) {
					el.onclick = function(){return document.formvalidator.isValid(this.form);};
				}
			} else {
				el.addEvent('blur', function(){return document.formvalidator.validate(this);});
			}
		});
	},

	validate: function(el)
	{
		// If the field is required make sure it has a value
		if ($(el).hasClass('required')) {
			if (!($(el).getValue())) {
				this.handleResponse(false, el);
				return false;
			}
		}

		// Only validate the field if the validate class is set
		var handler = (el.className && el.className.search(/validate-([a-zA-Z0-9\_\-]+)/) != -1) ? el.className.match(/validate-([a-zA-Z0-9\_\-]+)/)[1] : "";
		if (handler == '') {
			this.handleResponse(true, el);
			return true;
		}

		// Check the additional validation types
		if ((handler) && (handler != 'none') && (this.handlers[handler]) && $(el).getValue()) {
			// Execute the validation handler and return result
			if (this.handlers[handler].exec($(el).getValue()) != true) {
				this.handleResponse(false, el);
				return false;
			}
		}

		// Return validation state
		this.handleResponse(true, el);
		return true;
	},

	isValid: function(form)
	{
		var valid = true;

		// Validate form fields
		for (var i=0;i < form.elements.length; i++) {
			if (this.validate(form.elements[i]) == false) {
				valid = false;
			}
		}

		// Run custom form validators if present
		$A(this.custom).each(function(validator){
			if (validator.exec() != true) {
				valid = false;
			}
		});
		return valid;
	},

	handleResponse: function(state, el)
	{
		// Find the label object for the given field if it exists
		if (!(el.labelref)) {
			var labels = $$('label');
			labels.each(function(label){
				if (label.getProperty('for') == el.getProperty('id')) {
					el.labelref = label;
				}
			});
		}
		
		var help = jQuery(el).attr('id')+'_help div';
			
		// Set the element and its label (if exists) invalid state
		if (state == false) {
			jQuery('#'+help).addClass('error');
			jQuery('#'+help).css('display','block');
			if (el.labelref) {
				jQuery('#'+help).addClass('error');
				jQuery('#'+help).css('display','block');
			}
		} else {
			
			if(  jQuery(el).attr('id') != 'username' && jQuery(el).attr('id') != 'email' ){
					if( jQuery(el).val() != "" ){
						jQuery('#'+help).removeClass('error');
						jQuery('#'+help).css('display','block');
						if (el.labelref) {
							jQuery('#'+help).removeClass('error');
							jQuery('#'+help).addClass('ok');
						}
					} else {
						jQuery('#'+help).css('display','none');
					}
			} else {
				//ajaxCheck(jQuery(el));
			}
		}
	}
});

document.formvalidator = null;
Window.onDomReady(function(){
	document.formvalidator = new JFormValidator();
});
