$(function() {
		/* on crée les boutons jquery */
		$( ".jqueryButton" ).button();
		
		/* on crée le formulaire de connection en dialog */
		$( "#divDeConnection" ).dialog({
				modal: true,
				resizable: false,
				autoOpen: false,
				title : ' se connecter ...'
			});
		
		/* on vide le champ du psuedo lors du premier click souris */
		$("#pseudo").click(function  (e){
			if ($(this).val() == 'Votre pseudo ...'){
				$(this).val('');
			}
		});
		
		/* on vide le champ du password lors du premier click souris */
		$("#password").click(function  (e){
			if ($(this).val() == 'Votre mot de pass ...'){
				$(this).val('');
			}
		});
		
	});
	
	
	/* On ouvre le formulaire de connection */
	function ouvrirFormulaireDeConnection(){
		$("#pseudo").val('Votre pseudo ...');
		$("#password").val('Votre mot de pass ...');
		$("#divDeConnection" ).dialog( "open" );
	}
	
	
	function validerFormConnection(){
		pseudo = $("#pseudo").val();
		password = $("#password").val();
		
		/* on vérifie le pseudo */
		if ( (pseudo == 'Votre pseudo ...') || (pseudo == '')){
			alertFail('Veuillez renseigner un pseudo valide !');
			return false;
		}
		
		/* on vérifie le password */
		if ((password == 'Votre mot de pass ...') || (password == '')){
			alertFail('Veuillez renseigner un mot de passe valide !');
			return false;
		}
		
		/* si le password et le pseudo sont valide on tente de se connecter */
		$(function() {
			$.ajax({
			 type: "POST",
			  url: "/lib/php/se-connecter.php",
			  data: "pseudo="+pseudo+"&password="+password,
			  success: function(msg){
				if (msg == "Ok"){
					$("#divDeConnection" ).dialog( "close" );
					alertOk('Connection en cours ....');
					setTimeout(function() {
						rafraichir();
					}, 1000 );
				}else{
					alertFail(msg);
				}
			  }
			});
		});
	}