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 updateModeles(){
	var xhr = 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("chOfModele").innerHTML = leselect;
			rechercherOffres();
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","recherche-modele.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	var selMarque = document.getElementById('of-marque');
	var marque = selMarque.options[selMarque.selectedIndex].value;
	
	xhr.send("marque="+marque);
}

function updateDeps(){
	var xhr = 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("chOfDep").innerHTML = leselect;
			rechercherOffres();
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","recherche-departements.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	var selRegion = document.getElementById('of-region');
	var region = selRegion.options[selRegion.selectedIndex].value;
	
	xhr.send("region="+region);
}

function checkSelection() {
	var selMarque = document.getElementById('marque');
	if (selMarque.selectedIndex > 0) {
		updateModeles();
	}
 }
  
 
function rechercherOffres()
{
	rechercherOffresAvecPage(1);
}

function rechercherOffresAvecPage(page) {
	var xhr = 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){
			var resultat = xhr.responseText;
			
			// On se sert de innerHTML pour rajouter les options a la liste
			document.getElementById("resultat_recherche_offres").innerHTML = resultat;
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","recherche-offres.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	
	// ne pas oublier de poster les arguments
	var selMarque = document.getElementById('of-marque');
	var marque = selMarque.options[selMarque.selectedIndex].value;
	
	var selModele = document.getElementById('of-modele');
	var modele = selModele.options[selModele.selectedIndex].value;
	
	var selCylindree = document.getElementById('of-cylindree');
	var cylindree = selCylindree.options[selCylindree.selectedIndex].value;
	
	var selRegion = document.getElementById('of-region');
	var region = selRegion.options[selRegion.selectedIndex].value;
	
	var selDep = document.getElementById('of-departements');
	var dep = selDep.options[selDep.selectedIndex].value;
	
	var autres = "";
	
	if (document.getElementById('promotion').checked)
		autres += "&prom=prom";
	if (document.getElementById('destockage').checked)
		autres += "&stok=stok";
	if (document.getElementById('occasion_recente').checked)
		autres += "&occr=occr";
	
	xhr.send("marque="+marque+"&modele="+modele+"&cc="+cylindree+"&reg="+region+"&dep="+dep+""+autres+"&pg="+page);

}

function gotopage(pg) {
	rechercherOffresAvecPage(pg);
 }
 
 /* Affichage du compteur */
 function toJHMS(duree)
{
	if (duree < 0) duree = 0;
	
	var jj = Math.floor(duree/(3600*24));
	var hh = Math.floor((duree - jj*3600*24)/3600);
	var mm = Math.floor((duree - jj*3600*24 - hh*3600)/60);
	var ss = duree-jj*3600*24-hh*3600-mm*60;
	
	if (hh < 10) hh = "0"+hh;
	if (mm < 10) mm = "0"+mm;
	if (ss < 10) ss = "0"+ss;
	
	var temps = "";
	if (jj > 0) temps += jj + " jours ";
	temps += hh + 'h' + mm + 'mn' + ss + 's';
	
	return temps;
}
function actualiseCompteurDelai() {
	if (compteur_delai >= 0) {
		compteur_delai -= 1;
		window.setTimeout("actualiseCompteurDelai()",1000);
		document.getElementById('compteur_delai').innerHTML = " il reste " + toJHMS(compteur_delai) + "...";
	}
}

function updateRegionDansPageOffre() {
	var xhr = 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('onglet_geographie').innerHTML = leselect;
			rechercherOffres();
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST","http://scooter.kidioui.fr/changer-onglet-geographie.php",true);
	// ne pas oublier ça pour le post
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	// ne pas oublier de poster les arguments
	var selRegion = document.getElementById('select_region');
	var region = selRegion.options[selRegion.selectedIndex].value;
	if (region != "") {
		xhr.send("region="+region+"&pageoffre=1");
	}
 }