$(function(){
	
	// Affiche la boite d'invitation pseudo
	$('#inscription').click(function() {
		$('#conteneur').animate({top: "-=800px",opacity: 1}, 1000, 'easeInBack', function() {
			 
			 //$('#conteneur').remove();
			 $('#boite_inscription').fadeIn('slow');

		  });
	});
	
	// Gère le retour de l'invitation pseudo
	$('#boite_inscription_retour').click(function() {
		$('#boite_inscription').fadeOut('fast');
		$('#conteneur').animate({top: "+=800px",opacity: 1}, 2000, 'easeOutBack',  function() {
			 
		  });
	});
	
	// Gère la connexion
	$('#zone_login_connexion').click(function() {
		
		var pseudoConnexion = $('#pseudoConnexion').val();
		var passConnexion = $('#passConnexion').val();
		$.post("ajax/connexion.php", { pseudo: pseudoConnexion, pass: passConnexion},
		function success(data){
			
			if(data.erreur == 'vide'){
				alert('vide');
				$('#boite_inscription_erreur').html('Pseudo indisponible :(');
				$('#boite_inscription_erreur').fadeIn('fast');
			} else if(data.erreur == 'identifiant'){
					alert('id');
				$('#boite_inscription_erreur').html('Ce pseudo est trop long :(');
				$('#boite_inscription_erreur').fadeIn('fast');
			} else if(data.erreur == 'ok'){
				$(location).attr('href',pseudoConnexion);
			} 
			
		},"json"); // on passe en paramètre optionnel le type
	});
				
	// Gère la validation du pseudo
	$('#boite_inscription_valide').click(function() {
		
		var pseudoPropose = $('#pseudoDemo').val();
		$.post("ajax/demo.php", { pseudo: pseudoPropose},
		function success(data){
			
			if(data.erreur == 'indisponible'){
				$('#boite_inscription_erreur').html('Pseudo indisponible :(');
				$('#boite_inscription_erreur').fadeIn('fast');
			} else if(data.erreur == 'long'){
				$('#boite_inscription_erreur').html('Ce pseudo est trop long :(');
				$('#boite_inscription_erreur').fadeIn('fast');
			} else if(data.erreur == 'vide'){
				$('#boite_inscription_erreur').html('Mmh... pas de pseudo ?');
				$('#boite_inscription_erreur').fadeIn('fast');
			} else if(data.erreur == 'ok'){
				
				$('#boite_inscription').fadeOut('slow');
				$('#fond_brume').stop().fadeOut('slow');
			    $('#fond_nuages').stop().fadeOut('slow',  function() {
					 
					 $('#fond_bleu_transition').fadeIn('slow',  function() {
					 	$(location).attr('href',pseudoPropose);										   
			   		});
			   });
				
			} 
			
		},"json"); // on passe en paramètre optionnel le type
	});
	
	// On ajout les bulles aux deux divs
	$("#zone_bulle_1").ventiler({nombreBulle:4, pxMonte:60});
	$("#zone_bulle_2").ventiler({nombreBulle:3});
	
});