// JavaScript Document

	$.validator.addMethod('myEqual', function (value, element) {
     if ($('#password-password').val() == $('#password-password-confirm').val()) {
	 	  return true;
	 }    else return false;
	}, 'Vos mots de passe ne correspondent pas.');




  $(document).ready(function() {

     $('#password-clear').show();
	$('#password-password').hide();

	$('#password-clear').focus(function() {
		$('#password-clear').hide();
		$('#password-password').show();
		$('#password-password').focus();
	});
	$('#password-password').blur(function() {
		if($('#password-password').val() == '') {
			$('#password-clear').show();
			$('#password-password').hide();
		}
	});

        $('#password-clear-confirm').show();
	$('#password-password-confirm').hide();

	$('#password-clear-confirm').focus(function() {
		$('#password-clear-confirm').hide();
		$('#password-password-confirm').show();
		$('#password-password-confirm').focus();
	});
	$('#password-password-confirm').blur(function() {
		if($('#password-password-confirm').val() == '') {
			$('#password-clear-confirm').show();
			$('#password-password-confirm').hide();
		}
	});

  
	var validator = $("#signupform").validate({

		//ignore: ".ignore",

		rules: {

			username: {
				required: true,
				minlength: 5
			},

			captcha: {
				required: true,
				remote: "includes/process.php"
			},

			password: {
				required: true,
				minlength: 5
			},
			passwordconfirm: {
				required: true,
				minlength: 5,
				myEqual: true
			},

			email: {
				required: true,
				email: true
			}
		},
		messages: {
			

			captcha: "Veuillez retaper le code de vérification. Cliquez sur l'image pour génerer un nouveau code",
			username: {
				required: "Entrer un nom",
				minlength: jQuery.format("Entrez au moins {0} characters"),
				
			},
			password: {
				required: "Tapez votre mot de passe",
				rangelength: jQuery.format("Entrez au moins {0} characters")
			},
			passwordconfirm: {
				required: "Tapez votre mot de passe",
				rangelength: jQuery.format("Entrez au moins {0} characters")
			},
		email: {
				required: "Merci d'entrer une adresse valide",
				minlength: "Merci d'entrer une adresse valide"
			}

			
		},
		// the errorPlacement has to take the table layout into account
		errorPlacement: function(error, element) {
			if ( element.is(":radio") )
				error.appendTo( element.parent().next().next() );
			else if ( element.is(":checkbox") )
				error.appendTo ( element.next() );
			else

				error.appendTo( element.parent().next() );
		},

                submitHandler: function() {
			alert("submitted!");
		},

		// specifying a submitHandler prevents the default submit, good for the demo
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set   as text for IE
			label.html("").addClass("checked");
                          //  form.submit();
		}
	});
        
  });