/** 
 * Lister les sous catégories d'une catégorie avec un objet 
 * XMLHTTPRequest. 
 */ 
/* Création de la variable globale qui contiendra l'objet XHR */ 
var requete = null; 
var requete2 = null; 
/** 
 * Fonction privée qui va créer un objet XHR. 
 * Cette fonction initialisera la valeur dans la variable globale définie 
 * ci-dessus. 
 */ 
function creerRequete() 
{ 
    try 
    { 
        /* On tente de créer un objet XmlHTTPRequest */ 
        requete = new XMLHttpRequest(); 
    } 
    catch (microsoft) 
    { 
        /* Microsoft utilisant une autre technique, on essays de créer un objet ActiveX */ 
        try 
        { 
            requete = new ActiveXObject('Msxml2.XMLHTTP'); 
        } 
        catch(autremicrosoft) 
        { 
            /* La première méthode a échoué, on en teste une seconde */ 
            try 
            { 
                requete = new ActiveXObject('Microsoft.XMLHTTP'); 
            } 
            catch(echec) 
            { 
                /* À ce stade, aucune méthode ne fonctionne... mettez donc votre navigateur à jour ;) */ 
                requete = null; 
            } 
        } 
    } 
    if(requete == null) 
    { 
        alert('Impossible de créer l\'objet requête,\nVotre navigateur ne semble pas supporter les object XMLHttpRequest.'); 
    } 
} 
function creerRequete2() 
{ 
    try 
    { 
        /* On tente de créer un objet XmlHTTPRequest */ 
        requete2 = new XMLHttpRequest(); 
    } 
    catch (microsoft) 
    { 
        /* Microsoft utilisant une autre technique, on essays de créer un objet ActiveX */ 
        try 
        { 
            requete2 = new ActiveXObject('Msxml2.XMLHTTP'); 
        } 
        catch(autremicrosoft) 
        { 
            /* La première méthode a échoué, on en teste une seconde */ 
            try 
            { 
                requete2 = new ActiveXObject('Microsoft.XMLHTTP'); 
            } 
            catch(echec) 
            { 
                /* À ce stade, aucune méthode ne fonctionne... mettez donc votre navigateur à jour ;) */ 
                requete2 = null; 
            } 
        } 
    } 
    if(requete2 == null) 
    { 
        alert('Impossible de créer l\'objet requête,\nVotre navigateur ne semble pas supporter les object XMLHttpRequest.'); 
    } 
} 
/** 
 * Fonction privée qui va mettre à jour l'affichage de la page. 
 */ 
function actualiserDepartements() 
{ 
    var listeDept = requete.responseText; 
    var blocListe = document.getElementById('blocDepartements'); 
    blocListe.innerHTML = listeDept; 
} 

function actualiserSortie() 
{ 
    var listeDept2 = requete2.responseText; 
    var blocListe2 = document.getElementById('blocSortie'); 
    blocListe2.innerHTML = listeDept2; 
} 




/** 
 * Fonction publique appelée par la page affichée. 
 * Cette fonction va initialiser la création de l'objet XHR puis appeler 
 * le code serveur afin de récupérer les données à modifier dans la page. 
 */ 
function getDepartements(idr) 
{ 
    /* Si il n'y a pas d'identifiant de région, on fait disparaître la seconde liste au cas où elle serait affichée */ 
    if(idr == 'vide') 
    { 
        document.getElementById('blocDepartements').innerHTML = ''; 
		document.getElementById('blocImgCat').innerHTML = ''; 
		document.getElementById('blocSortie').innerHTML = '';
    } 
    else 
    { 

	
		
	/* Affichage du bouton de catégorie à gauche en fonction de la variable idr */
	switch (idr) 
		{
	case "1":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico01.gif\" width=\"30\" height=\"30\">';
	break;
	
	case "2":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico02.gif\" width=\"30\" height=\"30\">';
	break;
	case "3":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico03.gif\" width=\"30\" height=\"30\">';
	break;
	case "4":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico04.gif\" width=\"30\" height=\"30\">';
	break;
	case "5":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico05.gif\" width=\"30\" height=\"30\">';
	break;
	case "6":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico06.gif\" width=\"30\" height=\"30\">';
	break;
	case "7":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico07.gif\" width=\"30\" height=\"30\">';
	break;
	case "8":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico08.gif\" width=\"30\" height=\"30\">';
	break;
	case "9":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico09.gif\" width=\"30\" height=\"30\">';
	break;
	case "10":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico10.gif\" width=\"30\" height=\"30\">';
	break;
	case "11":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico11.gif\" width=\"30\" height=\"30\">';
	break;
	case "12":
		document.getElementById('blocImgCat').innerHTML = '<img src=\"http://www.masortie.com/images/ico12.gif\" width=\"30\" height=\"30\">';
	break;
	
		
	}	
	
	
        /* À cet endroit précis, on peut faire apparaître un message d'attente */ 
        var blocListe = document.getElementById('blocDepartements'); 
        blocListe.innerHTML = "Traitement en cours, veuillez patienter..."; 
        /* On crée l'objet XHR */ 
        creerRequete(); 
		creerRequete2(); 
        /* Définition du fichier de traitement */ 
        var url = 'departements.php?idr='+ idr; 
        /* Envoi de la requête à la page de traitement */ 
        requete.open('GET', url, true); 
        /* On surveille le changement d'état de la requête qui va passer successivement de 1 à 4 */ 
        requete.onreadystatechange = function() 
        { 
            /* Lorsque l'état est à 4 */ 
            if(requete.readyState == 4) 
            { 
                /* Si on a un statut à 200 */ 
                if(requete.status == 200) 
                { 
                    /* Mise à jour de l'affichage, on appelle la fonction apropriée */ 
                    actualiserDepartements(); 
					
					
				// ON DOIT EXECUTER ICI 	D E B U T
					
        /* À cet endroit précis, on peut faire apparaître un message d'attente */ 
        var blocListe2 = document.getElementById('blocSortie'); 
        blocListe2.innerHTML = "Traitement en cours , veuillez patienter..."; 
        /* On crée l'objet XHR */ 
        
        /* Définition du fichier de traitement */ 
      //  var url2 = 'sortie-guide-liste.php?idr='+ idr; 
	  
	  var url2 = 'sortie-guide-liste.php?idr='+ idr; 
	  
        /* Envoi de la requête à la page de traitement */ 
        requete2.open('GET', url2, true); 
        /* On surveille le changement d'état de la requête qui va passer successivement de 1 à 4 */ 
        requete2.onreadystatechange = function() 
        { 
            /* Lorsque l'état est à 4 */ 
            if(requete2.readyState == 4) 
            { 
                /* Si on a un statut à 200 */ 
                if(requete2.status == 200) 
                { 
                    /* Mise à jour de l'affichage, on appelle la fonction apropriée */ 
                    actualiserSortie(); 
					
					
				
                } 
            } 
        }; 
		requete2.send(null); 		
				// ON DOIT EXECUTER ICI 	F I N 
					
                } 
            } 
        }; 
        requete.send(null); 
    } 
} 


function getSousCat(scat) 
{ 
    /* Si il n'y a pas d'identifiant de région, on fait disparaître la seconde liste au cas où elle serait affichée */ 
    if(scat == 'vide') 
    { 
        // document.getElementById('blocDepartements').innerHTML = ''; 
		document.getElementById('blocSortie').innerHTML = '';
    } 
    else 
    { 

		
         /* À cet endroit précis, on peut faire apparaître un message d'attente */ 
        var blocListe2 = document.getElementById('blocSortie'); 
        blocListe2.innerHTML = "Traitement en cours , veuillez patienter..."; 

        /* On crée l'objet XHR */ 
        creerRequete2(); 
		
        /* Définition du fichier de traitement */ 
        var url2 = 'sortie-guide-liste.php?liste2=1&scat='+ scat;
        /* Envoi de la requête à la page de traitement */ 
        requete2.open('GET', url2, true); 
        /* On surveille le changement d'état de la requête qui va passer successivement de 1 à 4 */ 
        requete2.onreadystatechange = function() 
        { 
            /* Lorsque l'état est à 4 */ 
            if(requete2.readyState == 4) 
            { 
                /* Si on a un statut à 200 */ 
                if(requete2.status == 200) 
                { 
                    /* Mise à jour de l'affichage, on appelle la fonction apropriée */ 
                    actualiserSortie(); 
				
		
					
                } 
            } 
        }; 
        requete2.send(null); 
    } 
}