jQuery(function($){

	function deconnecte(blocLogin){
		$("#logout").click(function(){
			$.ajax({
				type: "POST",
				url: "http://www.rabeux.fr/inc/deconnecte.php",
				data: "",
				success: function(msg){
					if(msg == "deconnecte"){
						$('.identification').remove();
						$(blocLogin).insertAfter('.logo');
						identification();
						$('#identifiant').val('identifiant');
						$('#pwd').val('mot de passe');
						location.reload(true);
					}else{
						alert("une erreur s’est produite, merci de réessayer de vous déconnecter ultérieurement. Votre session expirera à la fermeture de votre navigateur.");
					}
				}
			});
		});
	}

	function identification(){
		$(".validation").click(function(){
			
			//login / pwd
			var login = $('#identifiant').val();
			var pwd = $('#pwd').val();
			var blocLogout = '<div class="titre">&nbsp;</div><div id="logged">vous êtes identifié<br/><a href="#" id="logout">se déconnecter</a></div>';
			var blocLogin = '<div class="identification"><div class="titre">&nbsp;</div><div class="champs"><div class="input"><input id="identifiant" onfocus="if (this.value == \'identifiant\') this.value = \'\'" onblur="if (this.value == \'\') this.value = \'identifiant\'" type="text" value="identifiant" /></div></div><div class="champs" style="color:<?php echo $couleurVersion; ?>;"><div class="input"><input id="pwd" onfocus="if (this.value == \'mot de passe\') this.value = \'\'" onblur="if (this.value == \'\') this.value = \'mot de passe\'" type="text" value="mot de passe" /></div></div><div class="validation">&nbsp;<span id="msgbox" style="display:none"></span></div></div>';
			
			//test les infos
			$.ajax({
				type: "POST",
				url: "http://www.rabeux.fr/inc/authentification.php",
				data: "login="+login+"&pwd="+pwd,
				success: function(msg){
					if(msg == "oui"){
						$('.identification').empty();
						//$('.identification').html(<div class="titre">&nbsp;</div>+'<div id="logged">vous êtes identifié en tant que '+login+'<br/><a href="#" id="logout">se déconnecter</a></div>');
						$('.identification').html(blocLogout);
						deconnecte(blocLogin);
						location.reload(true);

						
					}else{
						alert("Désolé, identifiant ou mot de passe incorrect");

					}
				}
			});
		});
	}
	
	function expandingMenu() {
		var titres = $(".rubrique").children("#titreRubrique");
		var listes = $(".rubrique").children("#ss-rubrique");
		listes.hide();
		listes.filter(".selected").show();

		titres.toggle(function (){
				//listes.hide();
				$(this).next("#ss-rubrique").show();
			}, function () {
				$(this).next("#ss-rubrique").hide();
		});
	}

	$(document).ready(function(){
		var blocLogin = '<div class="identification"><div class="titre">&nbsp;</div><div class="champs"><div class="input"><input id="identifiant" onfocus="if (this.value == \'identifiant\') this.value = \'\'" onblur="if (this.value == \'\') this.value = \'identifiant\'" type="text" value="identifiant" /></div></div><div class="champs" style="color:<?php echo $couleurVersion; ?>;"><div class="input"><input id="pwd" onfocus="if (this.value == \'mot de passe\') this.value = \'\'" onblur="if (this.value == \'\') this.value = \'mot de passe\'" type="text" value="mot de passe" /></div></div><div class="validation">&nbsp;<span id="msgbox" style="display:none"></span></div></div>';
		identification(blocLogin);
		expandingMenu();
		//Mettre un if deconnecte
		deconnecte(blocLogin);
	});

});