// JavaScript Document

//----------------- AJAX ----------------

var xhr = null;
 
// Fonction de creation de l'objet XMLHttpRequest qui resservira pour chaque fonction AJAX
function getXhr() {
if(window.XMLHttpRequest)
	xhr = new XMLHttpRequest(); 
else if(window.ActiveXObject) {  
		try {
			xhr = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
		}
	} else { 
		alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest, veuillez le mettre à jour"); 
		xhr = false; 
	} 
}

function vide_liste(tel_liste) {
	var la_liste = document.getElementById(tel_liste);
	la_liste.length = 1;
	la_liste.options[0].value = " ";
	la_liste.options[0].text = " ";
}

function change_pays() {
	getXhr();
	xhr.onreadystatechange = function() {
		if(xhr.readyState == 4 && xhr.status == 200) {
			vide_liste('etat');
			vide_liste('ville');
			var chaine = xhr.responseText;
			var tableau = chaine.split('|');
			document.getElementById('etat').length = tableau.length;
			for (i=0; i<tableau.length; i++) {
				if (i==0) 
					document.getElementById('etat').options[i].value = " ";
				else
					document.getElementById('etat').options[i].value = escape(tableau[i]);
				document.getElementById('etat').options[i].text = tableau[i];
			}
			if (tableau.length < 2) {
				change_etat();
			}
		}
	}
	xhr.open("POST",'points-de-vente-ajax.html',true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	var select_pays = document.getElementById('pays');
	var pays = select_pays.options[select_pays.selectedIndex].value;
	if (pays == " ") {
		vide_liste('etat');
		vide_liste('ville');
		return;	
	}
	xhr.send("pays="+pays);
}

function change_etat () {
	getXhr();
	xhr.onreadystatechange = function() {
		if(xhr.readyState == 4 && xhr.status == 200) {
			vide_liste('ville');
			var chaine = xhr.responseText;
			var tableau = chaine.split('|');
			document.getElementById('ville').length = tableau.length;
			for (i=0; i<tableau.length; i++) {
				if (i==0) 
					document.getElementById('ville').options[i].value = " ";
				else
					document.getElementById('ville').options[i].value = escape(tableau[i]);
				document.getElementById('ville').options[i].text = tableau[i];
			}
		}
	}
	xhr.open("POST",'points-de-vente-ajax.html',true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	var select_pays = document.getElementById('pays');
	var pays = select_pays.options[select_pays.selectedIndex].value;
	var select_etat = document.getElementById('etat');
	var etat = select_etat.options[select_etat.selectedIndex].value;
	xhr.send("pays="+pays+"&etat="+etat);
}