/* http://www.crea-web.fr */

var requete = null; /* On cre une variable globale qui contiendra l'objet XHR */

/*
 Fonction qui cre un objet XHR.
 Cette fonction initialisera la valeur dans la variable globale "requete"
*/

function creerRequete() {
    try {
        requete = new XMLHttpRequest(); /* On essaye de crer un objet XmlHTTPRequest */
    } catch (microsoft) {
        /* Microsoft utilise une autre technique, on tente de crer un objet ActiveX */
        try {
            requete = new ActiveXObject('Msxml2.XMLHTTP');
        } catch(autremicrosoft) {
            /* On en teste une autre mthode si la premire n'a pas marche */
            try {
                requete = new ActiveXObject('Microsoft.XMLHTTP');
            } catch(echec) {
                /* Si aucune mthode ne fonctionne, il ne reste plus qu' mettre  jour le navigateur ! */
                requete = null;
            }
        }
    }
    if(requete == null) {
        alert('Votre navigateur ne semble pas supporter les object XMLHttpRequest.');
    }
}

function getVilles() {
	creerRequete();
	
	var regions = document.forms['listes'].region;
	var reg = "";
	
	for (i = 0; i < regions.options.length; i++) {
		if (regions.options[i].selected) {
			reg += regions.options[i].value;
		}
	}
	
	var url = 'villes.php?reg='+reg;
	
	requete.open('GET', url, true);
	
	requete.onreadystatechange = function() {
		if(requete.readyState == 4) {
			if(requete.status == 200) {
				document.getElementById('villes').innerHTML = requete.responseText;
			}
		}
	};
	
	requete.send(null);
}