// Modification de la 1ère liste 
$(function(){
  $("select#liste1-recherche").change(function(){	  
	  $.ajax({
		   type: "POST",
		   url: "./ajax-options-liste2-recherche.php",
		   data: "idListe1="+$(this).val(),
		   success: function(content){			     
		     //alert(content);
		    
		  	 var options = content.split('|');
		  	 //alert(options[0]);	   	   	 
		  	 //alert(options[1]);
		  	 //alert(options[2]);
		  	 
		  	 $("select#liste2-recherche").html(options[0]);
		     if (options[0] == "")
		     {			        	    	   
		       document.getElementById("sep1").style.visibility='hidden';  		   			   			   
		       document.getElementById("liste2-recherche").style.visibility='hidden';			 			 
		       document.getElementById("sep2").style.visibility='hidden';
		       document.getElementById("liste3-recherche").style.visibility='hidden';
		       document.getElementById("sep3").style.visibility='hidden';
		       document.getElementById("liste4-recherche").style.visibility='hidden';		       
		     }
		     else
		     {			 			 
		       document.getElementById("sep1").style.visibility='visible';  		   			   			   
		       document.getElementById("liste2-recherche").style.visibility='visible';
		       $("select#liste3-recherche").html(options[1]);
		       if (options[1] != "")
			   {		 
		    	   //alert('ici 0');
			       document.getElementById("sep2").style.visibility='visible';
			       //alert('ici 0.5');
			       document.getElementById("liste3-recherche").style.visibility='visible';
			       //alert('ici 1');
				   $("select#liste4-recherche").html(options[2]);
				   //alert('ici 2');
			       if (options[2] != "")
				   {			    
			    	   alert('options[2] != ""');
				       document.getElementById("sep3").style.visibility='visible';
				       document.getElementById("liste4-recherche").style.visibility='visible';				   
				   }
			       else
			       {   
			    	   alert('options[2] == ""');			       
			    	   document.getElementById("sep3").style.visibility='hidden';
				       document.getElementById("liste4-recherche").style.visibility='hidden';
			       }			    
			   }
		       else
		       {		    	
		    	   document.getElementById("sep2").style.visibility='hidden';
			       document.getElementById("liste3-recherche").style.visibility='hidden';
			       document.getElementById("sep3").style.visibility='hidden';
			       document.getElementById("liste4-recherche").style.visibility='hidden';		       			       
		       }			       			 			
		     }
		     		     
	  	   }
		});	
  })
})

// Modification de la 2ème liste
$(function(){
  $("select#liste2-recherche").change(function(){
	$.ajax({
	   type: "POST",
	   url: "./ajax-options-liste3-recherche.php",
	   data: "idListe2="+$(this).val(),
	   success: function(content){
		
		var options = content.split('|');
		 alert(options[0]);	   	   	 
		 alert(options[1]);
	  	 
		$("select#liste3-recherche").html(options[0]);
		   if (options[0] != "")
		   {	    	   
		       document.getElementById("sep2").style.visibility='visible';
		       document.getElementById("liste3-recherche").style.visibility='visible';
			   $("select#liste4-recherche").html(options[1]);
		       if (options[1] != "")
			   {		    
			       document.getElementById("sep3").style.visibility='visible';
			       document.getElementById("liste4-recherche").style.visibility='visible';				   
			   }
		       else
		       {		    	
		    	   document.getElementById("sep3").style.visibility='hidden';
			       document.getElementById("liste4-recherche").style.visibility='hidden';
		       }			    
		   }
	       else
	       {	    	  
	    	   document.getElementById("sep2").style.visibility='hidden';
		       document.getElementById("liste3-recherche").style.visibility='hidden';
		       document.getElementById("sep3").style.visibility='hidden';
		       document.getElementById("liste4-recherche").style.visibility='hidden';		       			       
	       }			
	   }
	});
  })
})

// Modification de la 3ème liste
$(function(){
  $("select#liste3-recherche").change(function(){
	$.ajax({
	   type: "POST",
	   url: "./ajax-options-liste4-recherche.php",
	   data: "idListe3="+$(this).val(),
	   success: function(content){
		//alert(content);		
		$("select#liste4-recherche").html(content);
		if (content != "")
		{	       
		   document.getElementById("sep3").style.visibility='visible';
		   document.getElementById("liste4-recherche").style.visibility='visible';				       	   
		}
	    else
	    {	     
		   document.getElementById("sep3").style.visibility='hidden';
		   document.getElementById("liste4-recherche").style.visibility='hidden';		       			       
	    }			
	   }
	});
  })
})