// On commence par créer la boit de recherche
blocResult = document.createElement("DIV");	 
// On lui donne un Id
blocResult.id = "completeBox";	
		

window.onload = function() {
   //On affecte symplement l'input derecherche à la fonction propositionSearch() quand on clic
   document.getElementById("search_input").onkeyup = propositionSearch;
}  

function getHTTPObject() {
	var xmlhttp = false;
	/* Compilation conditionnelle d'IE */
	/*@cc_on
	@if (@_jscript_version >= 5)
		try {
        	xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
     	}
     	catch (e) {
        	try {
           		xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        	}
        	catch (E) {
           		xmlhttp = false;
       		}
     	}
  	@else
    xmlhttp = false;
  	@end @*/

  	/* on essaie de créer l'objet si ce n'est pas déjà fait */
	if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
   		try {
   	   		xmlhttp = new XMLHttpRequest();
   		}
   		catch (e) {
       		xmlhttp = false;
   		}
	}
	if (xmlhttp) {
   		/* on définit ce qui doit se passer quand la page répondra */
   		xmlhttp.onreadystatechange=function() {
   	   		if (xmlhttp.readyState == 4) /* 4 : état "complete" */ {
           		if (xmlhttp.status == 200) /* 200 : code HTTP pour OK */ {
              		/*
              		Traitement de la réponse.
              		Ici on affiche la réponse dans une boîte de dialogue.
              		*/	
		  
		  	  		var tabDecoupe = xmlhttp.responseText.split(',,');
		  	  		// On effectue les actions si la boîte n'est pas vide													  
					if(document.getElementById("search_input").value!="") {
						i = 0;
						aInjecter = '';
						while(i<tabDecoupe.length-1) {
							aInjecter+='<center><a href="#'+i+'" id="'+i+'" class="textchap">'+tabDecoupe[i]+'</a><br></center>';
							i++;
						}
						blocResult.innerHTML = aInjecter;
						blocResult.style.display="block";
					}
					else {
						blocResult.style.display="none";
					}  
					// On ajoute la boite resultat dans le conteneur mainSearch
					document.getElementById("mainSearch").appendChild(blocResult);	
					i = 0;
					while(i<((tabDecoupe.length)-1)) {
						document.getElementById(i).onclick = function() { putlink(this.id,tabDecoupe) };
						i++;
					}
           		}
        	}
    	}
	}
	return xmlhttp;
}

function propositionSearch() {
	//envoi des données
    return !sendData(
       'GET',
       'preSearch.php',
       'xmlhttp=1&'+
       'match='+document.getElementById('search_input').value);
}
/**
  * Envoie des données à l'aide d'XmlHttpRequest?
  * @param string methode d'envoi ['GET'|'POST']
  * @param string url
  * @param string données à envoyer sous la forme var1=value1&var2=value2...
  */
function sendData(method, url, data) {
	var xmlhttp = getHTTPObject();

    if (!xmlhttp) {
    	return false;
    }

    if(method == "GET") {
     	if(data == 'null') {
         	xmlhttp.open("GET", url, true); //ouverture asynchrone
     	}
    	else {
      		xmlhttp.open("GET", url+"?"+data, true);
  		}
   		xmlhttp.send(null);
 	}
    else if(method == "POST") {
   		xmlhttp.open("POST", url, true); //ouverture asynchrone
        xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
     	xmlhttp.send(data);
 	}
    return true;
}
function putlink(toPut,tab) {
document.getElementById("search_input").value = tab[toPut];
blocResult.style.display="none";
}