var xhr = null; 
var xhrTop = null; 
function getXhr(){
	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; 
	} 
}
function getXhrTop(){
	if(window.XMLHttpRequest) // Firefox et autres
	   xhrTop = new XMLHttpRequest(); 
	else if(window.ActiveXObject){ // Internet Explorer 
	   try {
				xhrTop = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e) {
				xhrTop = new ActiveXObject("Microsoft.XMLHTTP");
			}
	}
	else { // XMLHttpRequest non supporté par le navigateur 
	   alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); 
	   xhrTop = false; 
	} 
}
/**
* Méthode qui sera appelée sur le click du bouton
*/
function goShowResults(sCustomerId, sSite, lang){
	getXhr();
	getXhrTop();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
	
		// 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){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('showResults').innerHTML = leselect;
		}
	}
	// On défini ce qu'on va faire quand on aura la réponse
	xhrTop.onreadystatechange = function(){
	
		// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
		if(xhrTop.readyState == 4 && xhrTop.status == 200){
			leselect = xhrTop.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('showResultsTop').innerHTML = leselect;
		}
	}
	
	// get data
	var sBrand = "";
	if(document.form.brand.length > 0){
		for (var i=0; i < document.form.brand.length; i++){
			if(i < (document.form.brand.length - 1)){
				separator = "|";
			}else{
				separator = "";
			}
			sBrand = sBrand + document.form.brand[i].value + separator;	
		}
	}else{
		for (var i=0; i < document.form.brand_start.length; i++){
			if(i < (document.form.brand_start.length - 1)){
				separator = "|";
			}else{
				separator = "";
			}
			sBrand = sBrand + document.form.brand_start[i].value + separator;	
		}
	}
	// get data
	var sQuality = "";
	if(document.form.quality.length > 0){
		for (var i=0; i < document.form.quality.length; i++){
			if(i < (document.form.quality.length - 1)){
				separator = "|";
			}else{
				separator = "";
			}
			sQuality = sQuality + document.form.quality[i].value + separator;	
		}
	}else{
		for (var i=0; i < document.form.quality_start.length; i++){
			if(i < (document.form.quality_start.length - 1)){
				separator = "|";
			}else{
				separator = "";
			}
			sQuality = sQuality + document.form.quality_start[i].value + separator;	
		}
	}
	// get data
	var sStructure = "";
	if(document.form.structure.length > 0){
		for (var i=0; i < document.form.structure.length; i++){
			if(i < (document.form.structure.length - 1)){
				separator = "|";
			}else{
				separator = "";
			}
			sStructure = sStructure + document.form.structure[i].value + separator;	
		}
	}else{
		for (var i=0; i < document.form.structure_start.length; i++){
			if(i < (document.form.structure_start.length - 1)){
				separator = "|";
			}else{
				separator = "";
			}
			sStructure = sStructure + document.form.structure_start[i].value + separator;	
		}
	}
	// get data
	var sDesign = "";
	if(document.form.design.length > 0){
		for (var i=0; i < document.form.design.length; i++){
			if(i < (document.form.design.length - 1)){
				separator = "|";
			}else{
				separator = "";
			}
			sDesign = sDesign + document.form.design[i].value + separator;	
		}
	}else{
		for (var i=0; i < document.form.design_start.length; i++){
			if(i < (document.form.design_start.length - 1)){
				separator = "|";
			}else{
				separator = "";
			}
			sDesign = sDesign + document.form.design_start[i].value + separator;	
		}
	}
	// get data
	var sUsage = "";
	if(document.form.usage.length > 0){
		for (var i=0; i < document.form.usage.length; i++){
			if(i < (document.form.usage.length - 1)){
				separator = "|";
			}else{
				separator = "";
			}
			sUsage = sUsage + document.form.usage[i].value + separator;	
		}
	}else{
		for (var i=0; i < document.form.usage_start.length; i++){
			if(i < (document.form.usage_start.length - 1)){
				separator = "|";
			}else{
				separator = "";
			}
			sUsage = sUsage + document.form.usage_start[i].value + separator;	
		}
	}
	sPostVar = "brand="+sBrand+"&customerId="+sCustomerId+"&quality="+encodeURIComponent(sQuality)+"&structure="+encodeURIComponent(sStructure)+"&design="+encodeURIComponent(sDesign)+"&usage="+encodeURIComponent(sUsage)+"&site="+sSite+"&lang="+lang;
	// Ici on va voir comment faire du post
	xhr.open("POST", "../_include/ajaxShowResults.php", true);
	xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhr.setRequestHeader("Content-length", sPostVar.length);
	xhr.setRequestHeader("Connection", "close");
	xhr.send(sPostVar);
	// Ici on va voir comment faire du post
	xhrTop.open("POST", "../_include/ajaxShowResultsTop.php", true);
	xhrTop.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xhrTop.setRequestHeader("Content-length", sPostVar.length);
	xhrTop.setRequestHeader("Connection", "close");
	xhrTop.send(sPostVar);
}
/**
* Méthode qui sera appelée sur le click du bouton
*/
function goShowCaddyItems(iCaddyItems){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// 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){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('caddyItems').innerHTML = leselect;
		}
	}
	document.getElementById('caddyItems').innerHTML = leselect;
	//alert("caddy"+iCaddyItems);
	// Ici on va voir comment faire du get
	xhr.open("GET", "../_include/ajaxShowCaddyItems.php?iCaddyItems="+iCaddyItems, true);
	xhr.send(null);
}
/**
* Méthode qui sera appelée sur le click du bouton
*/
function goShowShipTo(iShipToNbr){
	getXhr();
	// On défini ce qu'on va faire quand on aura la réponse
	xhr.onreadystatechange = function(){
		// 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){
			leselect = xhr.responseText;
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById('shipTo').innerHTML = leselect;
		}
	}
	// Ici on va voir comment faire du get
	xhr.open("GET", "../_include/ajaxShowShipTo.php?iShipToNbr="+iShipToNbr, true);
	xhr.send(null);
}