var liSelect = null;
var aSelect = null;
var predClassName = "liAltOneStyle";
var predIndex = 0;
var index = 0;
  
function autoCompOff(id) {
	var elt = document.getElementById(id);
	if(elt) {
		elt.setAttribute("autocomplete","off");
	}
}

// JavaScript Document
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;
}

function go_chercher(recherche) { 
	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) {
			if(xhr.status == 200){
				leselect = xhr.responseText;
				document.getElementById('moteur_recherche').style.display = "block";
				document.getElementById('moteur_recherche').innerHTML = leselect;
				drawSelectedItemInResultSet ();
			}
			else {
				alert('Une erreur est suvenue pendant votre recherche.');	
			}
		}
	}

	// Ici on va voir comment faire du post
	xhr.open("POST",'design/moteur_recherche.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
	if(recherche!='null' || recherche!=""){ 
		xhr.send("rechercher="+recherche);
	}
}

function key_action_listener(value, _event_) {
	if (value.length >= 2) {
		var	prov;
		var winObj = checkEventObj (_event_);
		
		aSelect = document.getElementById("a_" + index);
		
		key = winObj.keyCode;
		if (!key) key = winObj.wich;
		
		predIndex = index;
		
		switch (key) {
			// Action lorsqu'on appuie sur la touche entrée
			case 13:
				if (liSelect != null) window.location.href = aSelect.href;
			break;
			// Action lorsqu'on appuie sur la flèche du bas
			case 40:
				prov = parseInt(index) + 1;
				liSelect = document.getElementById("li_" + prov);
				if (liSelect != null) {
					index++;
					drawSelectedItemInResultSet ();
				}
			break;
			// Action lorsqu'on appuie sur la flèche du haut
			case 38:
				prov = parseInt(index) - 1;
				liSelect = document.getElementById("li_" + prov);
				if (liSelect != null) {
					index--;
					drawSelectedItemInResultSet();
				}
			break;
			default:
				index = 0;
				predIndex = 0;
				predClassName = "liAltOneStyle";
				go_chercher(value);
			break;
		}
	} else document.getElementById('moteur_recherche').style.display = "none";
}

function drawSelectedItemInResultSet () {
	var elt1 = document.getElementById('li_'+predIndex);
	if(elt1) {
		elt1.className = predClassName;
	}
	var liSelect = document.getElementById("li_" + index);
	if(liSelect) {
		predClassName = liSelect.className;
		liSelect.className = "liSelectStyle";
	}
}

function checkEventObj ( _event_ ) {
	// --- IE explorer
	if ( window.event ) return window.event;
	// --- Netscape and other explorers
	else return _event_;
}