<!-- # coding: utf-8 -->
jQuery(document).ready(function() {
	document.getElementById('diag_probleme').disabled = true;
	document.getElementById('diag_categorie').disabled = true;
	
	/* Si un changement sur le premier sélecteur est détecté */
	jQuery("#diag_lieu").change(function() {
		/* Si l'option sélectionnée possède une valeur */
		if (jQuery('#diag_lieu').val() != '') {
			/* On récupère la liste des choix pour le 2ème niveau via une requête AJAX */
			jQuery.ajax({
				async : false,
				url: "include/mon-jardin-naturen/ajax_diagnostic.php",
				dataType: 'xml',
				data: {diag_id : jQuery("#diag_lieu").val()},
				success: function(xml) {
					statutFinal = jQuery("final",xml).text();
					code = jQuery("code",xml).text();
					if(statutFinal == "0") {
					/* Les données s'affichent dans le 2ème sélecteur */
						/* On vide le contenu du 2ème sélecteur et on lui injecte le html récupéré */
						jQuery('#diag_probleme').empty().html(code);
						/* On sélectionne le premier élément de la liste et on active le sélecteur */
						document.getElementById('diag_probleme').options[0].selected = true;
						document.getElementById('diag_probleme').disabled = false;
						
						/* On réinitialise le 3ème sélecteur et on le désactive */
						jQuery('#diag_categorie').empty();
						document.getElementById('diag_categorie').options[0] = new Option("Choisir", "", false, false);
						document.getElementById('diag_categorie').options[1] = new Option("- - - - - - - - - -", "", false, false);
						document.getElementById('diag_categorie').options[0].selected = true;
						document.getElementById('diag_categorie').disabled = true;
						
						/* On vide et on cache la zone d'affichage des résultats */
						jQuery('#diag_resultat').empty();
						jQuery('#diag_resultat').css("visibility", "hidden");
						
					} else {
					/* Les données s'affichent dans la zone d'affichage des résultats */
						/* On vide le contenu de la zone d'affichage, on y injecte le html récupéré et on la rend visible */
						jQuery('#diag_resultat').empty().html(code);
						jQuery('#diag_resultat').css("visibility", "visible");
					}
				}
			});
		/* Si l'option sélectionnée ne possède pas de valeur */
		} else {
			/* On réinitialise le 2ème sélecteur et on le désactive */
			jQuery('#diag_probleme').empty();
			document.getElementById('diag_probleme').options[0] = new Option("Choisir", "", false, false);
			document.getElementById('diag_probleme').options[1] = new Option("- - - - - - - - - -", "", false, false);
			document.getElementById('diag_probleme').options[0].selected = true;
			document.getElementById('diag_probleme').disabled = true;
			
			/* On réinitialise le 3ème sélecteur et on le désactive */
			jQuery('#diag_categorie').empty();
			document.getElementById('diag_categorie').options[0] = new Option("Choisir", "", false, false);
			document.getElementById('diag_categorie').options[1] = new Option("- - - - - - - - - -", "", false, false);
			document.getElementById('diag_categorie').options[0].selected = true;
			document.getElementById('diag_categorie').disabled = true;
			
			/* On vide et on cache la zone d'affichage des résultats */
			jQuery('#diag_resultat').empty();
			jQuery('#diag_resultat').css("visibility", "hidden");
		}
	});
	
	/* Si un changement sur le deuxième sélecteur est détecté */
	jQuery("#diag_probleme").change(function() {
		/* Si l'option sélectionnée possède une valeur */
		if (jQuery('#diag_probleme').val() != '') {
			/* On récupère la liste des choix pour le 3ème niveau via une requête AJAX */
			jQuery.ajax({
				async : false,
				url: "include/mon-jardin-naturen/ajax_diagnostic.php",
				dataType: 'xml',
				data: {diag_id : jQuery("#diag_probleme").val()},
				success: function(xml) {
					statutFinal = jQuery("final",xml).text();
					code = jQuery("code",xml).text();
					if(statutFinal == "0") {
					/* Les données s'affichent dans le 3ème sélecteur */
						/* On vide le contenu du 3ème sélecteur et on lui injecte le html récupéré */
						jQuery('#diag_categorie').empty().html(code);
						/* On sélectionne le premier élément de la liste */
						document.getElementById('diag_categorie').options[0].selected = true;
						document.getElementById('diag_categorie').disabled = false;
						/* On vide et on cache la zone d'affichage des résultats */
						jQuery('#diag_resultat').empty();
						jQuery('#diag_resultat').css("visibility", "hidden");
					} else {
					/* Les données s'affichent dans la zone d'affichage des résultats */
						/* On vide le contenu de la zone d'affichage, on y injecte le html récupéré et on la rend visible */
						jQuery('#diag_resultat').empty().html(code);
						jQuery('#diag_resultat').css("visibility", "visible");
						
						/* On réinitialise le 3ème sélecteur */
						jQuery('#diag_categorie').empty();
						document.getElementById('diag_categorie').options[0] = new Option("Choisir", "", false, false);
						document.getElementById('diag_categorie').options[1] = new Option("- - - - - - - - - -", "", false, false);
						document.getElementById('diag_categorie').options[0].selected = true;
						document.getElementById('diag_categorie').disabled = true;
					}
				}
			});
		/* Si l'option sélectionnée ne possède pas de valeur */
		} else {
			/* On réinitialise le 3ème sélecteur et on le désactive */
			jQuery('#diag_categorie').empty();
			document.getElementById('diag_categorie').options[0] = new Option("Choisir", "", false, false);
			document.getElementById('diag_categorie').options[1] = new Option("- - - - - - - - - -", "", false, false);
			document.getElementById('diag_categorie').options[0].selected = true;
			document.getElementById('diag_categorie').disabled = true;
			
			/* On vide et on cache la zone d'affichage des résultats */
			jQuery('#diag_resultat').empty();
			jQuery('#diag_resultat').css("visibility", "hidden");
		}
	});
	
	/* Si un changement sur le troisième sélecteur est détecté */
	jQuery("#diag_categorie").change(function() {
		/* Si l'option sélectionnée possède une valeur */
		if (jQuery('#diag_categorie').val() != '') {
			/* On récupère la liste des choix pour le 4ème niveau via une requête AJAX */
			jQuery.ajax({
				async : false,
				url: "include/mon-jardin-naturen/ajax_diagnostic.php",
				dataType: 'xml',
				data: {diag_id : jQuery("#diag_categorie").val()},
				success: function(xml) {
					statutFinal = jQuery("final",xml).text();
					code = jQuery("code",xml).text();
					if(statutFinal == "1") {
					/* Les données s'affichent dans la zone d'affichage des résultats */
						/* On vide le contenu de la zone d'affichage, on y injecte le html récupéré et on la rend visible */
						jQuery('#diag_resultat').empty().html(code);
						jQuery('#diag_resultat').css("visibility", "visible");
					}
				}
			});
		/* Si l'option sélectionnée ne possède pas de valeur */
		} else {
			/* On vide et on cache la zone d'affichage des résultats */
			jQuery('#diag_resultat').empty();
			jQuery('#diag_resultat').css("visibility", "hidden");
		}
	});
});