$(document).ready(function() {
	// validate signup form on keyup and submit
	var validator = $("#signupform").validate({
		rules: {
			firstname: "required",
			lastname: "required",
			username: {
				required: true,
				minlength: 2,
			//	remote: "users.php"
			},
			password: {
				required: true,
				minlength: 5
			},
			password_confirm: {
				required: true,
				minlength: 5,
				equalTo: "#password"
			},
			email: {
				required: true,
				email: true,
				remote: "emails.php"
			},
			dateformat: "required",
			terms: "required"
		},
		messages: {
			firstname: "Entrez votre prénom",
			lastname: "Entrez votre Nom de famille",
			username: {
				required: "Entrez un nom d'utilisateur",
				minlength: jQuery.format("Entrez au moins {0} caractères"),
			//	remote: jQuery.format("{0} est déjà utilisé")
			},
			password: {
				required: "Entrez votre mot de passe",
				rangelength: jQuery.format("Enter at least {0} caractères")
			},
			password_confirm: {
				required: "Repeat your password",
				minlength: jQuery.format("Enter at least {0} characters"),
				equalTo: "Enter the same password as above"
			},
			email: {
				required: "Please enter a valid email address",
				minlength: "Please enter a valid email address",
				remote: jQuery.format("{0} is already in use")
			},
			dateformat: "Choose your preferred dateformat",
			terms: " "
		},
		// 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() );
		},
		// specifying a submitHandler prevents the default submit, good for the demo
		submitHandler: function() {
			
				var firstname = $("#firstname").val();
				var lastname = $("#lastname").val();
				var username = $("#username").val();
				var password = $("#password").val();
				var email = $("#email").val();
			$.ajax({
				type:'GET',
				url: 'login-user-insert.php', 
				data:'firstname=' + firstname + '&lastname=' + lastname + '&username=' + username + '&password=' + password + '&email=' + email + '',
					success:function(msg) {
						$("#login-user-message").html(msg);
						$("#signupform").addClass("hidden");
					}

					
				
			});	
			alert("ok");
		},
		// set this class to error-labels to indicate valid fields
		success: function(label) {
			// set   as text for IE
			label.html(" ").addClass("checked");
		}
	});
	
	// propose username by combining first- and lastname
	$("#username").focus(function() {
		var firstname = $("#firstname").val();
		var lastname = $("#lastname").val();
		if(firstname && lastname && !this.value) {
			this.value = firstname + "." + lastname;
		}
	});

});