/***
@title:
Live Validation

@version:
2.0

@author:
Andreas Lagerkvist

@date:
2008-08-31

@url:
http://andreaslagerkvist.com/jquery/live-validation/

@license:
http://creativecommons.org/licenses/by/3.0/

@copyright:
2008 Andreas Lagerkvist (andreaslagerkvist.com)

@requires:
jquery, jquery.liveValidation-valid.png, jquery.liveValidation-invalid.png

@does:
Use this plug-in to add live validation to any form on your page. The plug-in indicates whether a form control is valid or not by switching between any icons of you choosing as the user types.

@howto:
jQuery(document.body).liveValidation();

Run the plug-in on a parent-element of the form-controls you want to affect. If you run it on document.body every form-control in the document will get live validation.

@exampleHTML:
<form method="post" action="">

	<p>
		<label>
			Name<br />
			<input type="text" name="name" />
		</label>
	</p>

	<p>
		<label>
			Email<br />
			<input type="text" name="email" />
		</label>
	</p>

	<p>
		<label>
			Foo<br />
			<input type="text" name="foo" />
		</label>
	</p>

	<p>
		<label>
			Bar<br />
			<input type="text" name="bar" />
		</label>
	</p>

	<p><input type="submit" value="Ok" /></p>

</form>

@exampleJS:
jQuery('#jquery-live-validation-example').liveValidation({
	validIco:	WEBROOT + 'aFramework/Modules/Base/gfx/jquery.liveValidation-valid.png', 
	invalidIco: WEBROOT + 'aFramework/Modules/Base/gfx/jquery.liveValidation-invalid.png', 
	required:	['name', 'email', 'foo'], 
	fields:		{foo: /^\S.*$/}
});
***/
jQuery.fn.liveValidation = function (conf, addedFields) {
    


   
	var config = jQuery.extend({
		validIco:		'js/jquery.liveValidation-valid.png',					// src to valid icon
		invalidIco:		'js/jquery.liveValidation-invalid.png',				// src to invalid ico
		valid:			'Valid',											// alt for valid icon
		invalid:		'Invalid',											// alt for invalid icon
		validClass:		'valid',											// valid class
		invalidClass:	'invalid',											// invalid class
		required:		[ 'nom', 'prenom', 'adresse', 'cp', 'ville', 'telephone', 'email'],						// json/array of required fields
		optional:		[], 												// json/array of optional fields
		fields:			{prenom: /^\S.*$/,adresse: /^\S.*$/, cp: /^[0-9]{5}$/,ville: /^\S.*$/, telephone: /^\d{10}$/}												// json of fields and regexps
	}, conf);

	var fields = jQuery.extend({
		nom: 			/^\S.*$/,											// name (at least one character)
		content: 		/^\S.*$/m,											// "content" (at least one character)
		dimensions:		/^\d+x\d+$/,										// dimensions (DIGITxDIGIT)
		price:			/^\d+$/,											// price (at least one digit)
		url: 			/^(http:\/\/)?(www)?([^ |\.]*?)\.([^ ]+){2,5}$/,	// url
		email: 			/^.+?@.+?\..{2,4}$/,			                        // email
	}, config.fields);
    
	fields.website = fields.url;
	fields.title = fields.author = fields.name;
	fields.message = fields.comment = fields.description = fields.content;

	var formControls = jQuery.merge(config.required, config.optional);

	if (!formControls.length) {
		return this;
	}

	for (var i in formControls) {
		formControls[i] = ':input[name=' + formControls[i] + ']';
	}

	formControls = formControls.join(',');

	return this.each(function () {
		jQuery(formControls, this).each(function () {
			var t			= jQuery(this);
			var isOptional	= false;
			var fieldName	= t.attr('name');

			for (var i in config.optional) {
				if (fieldName == config.optional[i]) {
					isOptional = true;
					break;
				}
			}

			if (t.is('.jquery-live-validation-on')) {
				return;
			}
			else {
				t.addClass('jquery-live-validation-on');
			}

			// Add (in)valid icon
			var imageType = isOptional ? 'valid' : 'invalid';
			var validator = jQuery('<img src="' + config[imageType + 'Ico'] + '" alt="' + config[imageType] + '" />').insertAfter(t.addClass(config[imageType + 'Class']));

			// This function is run now and on key up
			var validate = function () {
				var key = t.attr('name');
				var val = t.val();
				var tit = t.attr('title');

				// If value and title are the same it is assumed formHints is used
				// set value to empty so validation isn't done on the hint
				val = tit == val ? '' : val;

				// Make sure the value matches
				if ((isOptional && val == '') || val.match(fields[key])) {
					// If it's not already valid
					if (validator.attr('alt') != config.valid) {
						validator.attr('src', config.validIco);
						validator.attr('alt', config.valid);
						t.removeClass(config.invalidClass).addClass(config.validClass);
					}
				}
				// It didn't validate
				else {
					// If it's not already invalid 
					if (validator.attr('alt') != config.invalid) {
						validator.attr('src', config.invalidIco);
						validator.attr('alt', config.invalid);
						t.removeClass(config.validClass).addClass(config.invalidClass);
					}
				}
			};

			validate();
			t.keyup(validate);
		});

		// If form contains any invalid icon on submission, return false
        $('img#validate').click(function () {

            var id = this.title;

            if(!jQuery("form[name=form"+id+"]").find('img[alt="' + config.invalid + '"]').length){
                if($("input[id='"+id+"']:checkbox:checked").val()){
                $('.validation'+id+' #civilite').text($("div.formulaire"+id+" select[name=civilite]").val());
                $('.validation'+id+' #nom').text($("div.formulaire"+id+" input[name=nom]").val());
                $('.validation'+id+' #prenom').text($("div.formulaire"+id+" input[name=prenom]").val());
                $('.validation'+id+' #adresse').text($("div.formulaire"+id+" input[name=adresse]").val());
                $('.validation'+id+' #cp').text($("div.formulaire"+id+" input[name=cp]").val());
                $('.validation'+id+' #ville').text($("div.formulaire"+id+" input[name=ville]").val());
                $('.validation'+id+' #email').text($("div.formulaire"+id+" input[name=email]").val());
                $('.validation'+id+' #telephone').text($("div.formulaire"+id+" input[name=telephone]").val());
                $('.validation'+id+' #nbpersonnes').text($("div.formulaire"+id+" select[name=nbpersonnes]").val());
                $("input[name='prixtotal'][id='"+id+"']").val($('#prixtotal'+id).text());
                $('#prixtotal2'+id).text($('#prixtotal'+id).text());
                

                
                $('div.formulaire'+id).hide();$('div.validation'+id).fadeIn('slow');
                $('div.validation'+id).fadeIn('slow');
                $('div.valider'+id).hide();$('div.payer'+id).fadeIn('slow');
                $('div.payer'+id).fadeIn('slow');
                flip=0;
            }
            else{
                alert('Vous devez accepter les conditions générales de vente');
            }
            }
            else{
                return false;
            }
        });
		jQuery('form', this).submit(function () {
            
			return !jQuery(this).find('img[alt="' + config.invalid + '"]').length;
 
		});

	});
};