function getXhr(){
	var xhr = null;
	if(window.XMLHttpRequest){ // Firefox et autres
		 xhr = new XMLHttpRequest();
	}
	else if(window.ActiveXObject){ // Internet Explorer 
		 try {
				xhr = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
	}
	else { // XMLHttpRequest non supporté par le navigateur 
		 alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
		 xhr = false; 
	} 
	return xhr;
}

/**
* Méthode qui sera appelée sur le click du bouton
*/
function update_liste() {
	
	var xhr = getXhr();
	var xhr2 = getXhr();
	var xhr3 = getXhr();
	var xhr4 = getXhr();
	
	var idtype = document.getElementById('seltype').options[document.getElementById('seltype').selectedIndex].value;
	var section = document.getElementById('selsection').options[document.getElementById('selsection').selectedIndex].value;
	var longueur = document.getElementById('sellongueur').options[document.getElementById('sellongueur').selectedIndex].value;
	var rma = document.getElementById('selcoderma').options[document.getElementById('selcoderma').selectedIndex].value;
	var params = "type="+idtype+"&section="+section+"&longueur="+longueur+"&rma="+rma;
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		//alert(xhr.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			di = document.getElementById('section');
			di.innerHTML = xhr.responseText;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxSection.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.setRequestHeader("Content-length", params.length);
	xhr.setRequestHeader("Connection", "close");
	
	xhr.send(params);
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr2.onreadystatechange = function(){
		//alert(xhr2.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr2.readyState == 4 && xhr2.status == 200){
			di = document.getElementById('longueur');
			di.innerHTML = xhr2.responseText;
		}
	}

	// Ici on va voir comment faire du post
	xhr2.open("POST","ajaxLongueur.php",true);
	// ne pas oublier ça pour le post
	xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr2.setRequestHeader("Content-length", params.length);
	xhr2.setRequestHeader("Connection", "close");
	
	xhr2.send(params);
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr3.onreadystatechange = function(){
		//alert(xhr2.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr3.readyState == 4 && xhr3.status == 200){
			di = document.getElementById('coderma');
			di.innerHTML = xhr3.responseText;
		}
	}

	// Ici on va voir comment faire du post
	xhr3.open("POST","ajaxRma.php",true);
	// ne pas oublier ça pour le post
	xhr3.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr3.setRequestHeader("Content-length", params.length);
	xhr3.setRequestHeader("Connection", "close");
	
	xhr3.send(params);
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr4.onreadystatechange = function(){
		//alert(xhr.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr4.readyState == 4 && xhr4.status == 200){
			di = document.getElementById('type');
			di.innerHTML = xhr4.responseText;
		}
	}

	// Ici on va voir comment faire du post
	xhr4.open("POST","ajaxType.php",true);
	// ne pas oublier ça pour le post
	xhr4.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr4.setRequestHeader("Content-length", params.length);
	xhr4.setRequestHeader("Connection", "close");
	
	xhr4.send(params);
}

function reset_liste() {
	
	var xhr = getXhr();
	var xhr2 = getXhr();
	var xhr3 = getXhr();
	var xhr4 = getXhr();
	
	var idtype = document.getElementById('seltype').options[document.getElementById('seltype').selectedIndex].value;
	var section = document.getElementById('selsection').options[document.getElementById('selsection').selectedIndex].value;
	var longueur = document.getElementById('sellongueur').options[document.getElementById('sellongueur').selectedIndex].value;
	var rma = document.getElementById('selcoderma').options[document.getElementById('selcoderma').selectedIndex].value;
	var params = "type=-1&section=-1&longueur=-1&rma=-1";
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		//alert(xhr.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			di = document.getElementById('section');
			di.innerHTML = xhr.responseText;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxSection.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.setRequestHeader("Content-length", params.length);
	xhr.setRequestHeader("Connection", "close");
	
	xhr.send(params);
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr2.onreadystatechange = function(){
		//alert(xhr2.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr2.readyState == 4 && xhr2.status == 200){
			di = document.getElementById('longueur');
			di.innerHTML = xhr2.responseText;
		}
	}

	// Ici on va voir comment faire du post
	xhr2.open("POST","ajaxLongueur.php",true);
	// ne pas oublier ça pour le post
	xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr2.setRequestHeader("Content-length", params.length);
	xhr2.setRequestHeader("Connection", "close");
	
	xhr2.send(params);
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr3.onreadystatechange = function(){
		//alert(xhr2.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr3.readyState == 4 && xhr3.status == 200){
			di = document.getElementById('coderma');
			di.innerHTML = xhr3.responseText;
		}
	}

	// Ici on va voir comment faire du post
	xhr3.open("POST","ajaxRma.php",true);
	// ne pas oublier ça pour le post
	xhr3.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr3.setRequestHeader("Content-length", params.length);
	xhr3.setRequestHeader("Connection", "close");
	
	xhr3.send(params);
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr4.onreadystatechange = function(){
		//alert(xhr.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr4.readyState == 4 && xhr4.status == 200){
			di = document.getElementById('type');
			di.innerHTML = xhr4.responseText;
		}
	}

	// Ici on va voir comment faire du post
	xhr4.open("POST","ajaxType.php",true);
	// ne pas oublier ça pour le post
	xhr4.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr4.setRequestHeader("Content-length", params.length);
	xhr4.setRequestHeader("Connection", "close");
	
	xhr4.send(params);
	
	document.getElementById('result').style.visibility='hidden';
  document.getElementById('result').style.display='none';
}

function calc_dispo(art) {
	var xhr = getXhr();
	var xhr2 = getXhr();
	var qte = document.getElementById('qte-'+art).value;
	var idtype = document.getElementById('seltype').options[document.getElementById('seltype').selectedIndex].value;
	var section = document.getElementById('selsection').options[document.getElementById('selsection').selectedIndex].value;
	var longueur = document.getElementById('sellongueur').options[document.getElementById('sellongueur').selectedIndex].value;
	var rma = document.getElementById('selcoderma').options[document.getElementById('selcoderma').selectedIndex].value;
	var approx = 0;
	if(document.getElementById('approx').checked) approx = document.getElementById('approx').value;
	var params = "qte="+qte+"&art="+art;
	var params2 = params+"&type="+idtype+"&section="+section+"&longueur="+longueur+"&rma="+rma+"&approx="+approx;

	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		//alert(xhr.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			di = document.getElementById('disp-'+art);
			di.innerHTML = xhr.responseText;
		} else if(xhr.readyState < 4) {
			di = document.getElementById('disp-'+art);
			di.innerHTML = '<img src="images/chargement.gif">';
		}
	}
	
	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxDispo.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.setRequestHeader("Content-length", params.length);
	xhr.setRequestHeader("Connection", "close");
	
	xhr.send(params);
	
	// On défini ce qu'on va faire quand on aura la réponse
	xhr2.onreadystatechange = function(){
		//alert(xhr.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr2.readyState == 4 && xhr2.status == 200){
			di = document.getElementById('panier-'+art);
			di.innerHTML = xhr2.responseText;
		} else if(xhr.readyState < 4) {
			di = document.getElementById('disp-'+art);
			di.innerHTML = '<img src="images/chargement.gif">';
		}
	}
	
	// Ici on va voir comment faire du post
	xhr2.open("POST","ajaxAddToCart.php",true);
	// ne pas oublier ça pour le post
	xhr2.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr2.setRequestHeader("Content-length", params.length);
	xhr2.setRequestHeader("Connection", "close");
	
	xhr2.send(params2);
}

function changer_adresse() {
	var xhr = getXhr();
	var idadr = document.getElementById('choix_adr').options[document.getElementById('choix_adr').selectedIndex].value;
	var params = "adresse="+idadr;

	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		//alert(xhr.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			di = document.getElementById('saisie_adresse');
			di.innerHTML = xhr.responseText;
		} else if(xhr.readyState < 4) {
			di = document.getElementById('saisie_adresse');
			di.innerHTML = '<img src="images/chargement.gif">';
		}
	}
	
	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxAdresse.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.setRequestHeader("Content-length", params.length);
	xhr.setRequestHeader("Connection", "close");
	
	xhr.send(params);
}

function calc_trsp() {
	var xhr = getXhr();
	var idtrsp = document.getElementById('choix_ville').options[document.getElementById('choix_ville').selectedIndex].value;
	var params = "idtrsp="+idtrsp;

	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		//alert(xhr.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			di = document.getElementById('couttrsp');
			di.innerHTML = xhr.responseText;
		} else if(xhr.readyState < 4) {
			di = document.getElementById('couttrsp');
			di.innerHTML = '<img src="images/chargement.gif">';
		}
	}
	
	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxTrsp.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.setRequestHeader("Content-length", params.length);
	xhr.setRequestHeader("Connection", "close");
	
	xhr.send(params);
}

function transport_bcg(pays, cp, ville) {
	var xhr = getXhr();
	var params = "pays="+pays+"&cp="+cp+"&ville="+ville;

	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		//alert(xhr.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			di = document.getElementById('transport');
			di.innerHTML = xhr.responseText;
		} else if(xhr.readyState < 4) {
			di = document.getElementById('transport');
			di.innerHTML = '<img src="images/chargement.gif">';
		}
	}
	
	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxBCG.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.setRequestHeader("Content-length", params.length);
	xhr.setRequestHeader("Connection", "close");
	
	xhr.send(params);
}

function transport_gls(pays, cp, poids) {
	var xhr = getXhr();
	var params = "pays="+pays+"&cp="+cp+"&poids="+poids;

	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		//alert(xhr.readyState);
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhr.readyState == 4 && xhr.status == 200){
			di = document.getElementById('transport');
			di.innerHTML = xhr.responseText;
		} else if(xhr.readyState < 4) {
			di = document.getElementById('transport');
			di.innerHTML = '<img src="images/chargement.gif">';
		}
	}
	
	// Ici on va voir comment faire du post
	xhr.open("POST","ajaxGLS.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.setRequestHeader("Content-length", params.length);
	xhr.setRequestHeader("Connection", "close");
	
	xhr.send(params);
}