$(document).ready(function(){

	// Validation du formulaire
	$("form").validate({
		errorContainer:$("#zone_content #error"),
		showErrors:function(errorMap,errorList){this.defaultShowErrors();},
		rules:{
			nom:"required",
			prenom:"required",
			email:{required:true,email:true},
			Email:{required:true,email:true},
			nbr:{required:true,number:true,min:1,max:50}
		},
		messages:{
			nom:"requis",
			prenom:"requis",
			email:{required:"requis",email:"incorrect"},
			Email:{required:"requis",email:"incorrect"},
			nbr:{required:"requis",min:"min. 1",
					number:"invalide",max:"max. 50"}
		}
	});

	// Remplace le bouton pas joli contre un texte
	// Si le javascript n'est pas activé, le bouton original demeur et le formulaire est
	// quand-même utilisable
	var sSelectButton = "form button[type=submit]";
	var sButtonName = $(sSelectButton).text();
	$('<p id="text_submit">' + sButtonName + '</p>').insertAfter(sSelectButton).click(function(){	
		$("form").submit();
	});
	$("form button").remove();
	
	// Enlève le label pour que l'on puisse écrire
	$('form div.lbl_erasers input').focus(function(){
		var sName = $(this).attr('name');
		$('label[for='+sName+']:not(.error)').fadeOut('slow');
	});
	$('form div.lbl_erasers label').click(function(){
		var sName = $(this).attr('for');
		$('input[name='+sName+']').focus();
	});
	
	// Affiche les champs masqués
	$('form input, form select').focus(function(){
		$('form div.hidden').slideDown("slow");
	});
});