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 initialiser(type){
				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 leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('affichage').innerHTML = leselect;
						
					}
				}
				
		
/* 				xhr.open("GET","ajax.php",true);
				xhr.send(null); */
				
			
				// Ici on va voir comment faire du post
				xhr.open("POST","ajax.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

				var references = document.getElementById('references');
				var indice = document.getElementById('indice');
				var indice_max = document.getElementById('indice_max').value 	;
				var pas = (document.getElementById('pas').value)*1;
				
				var tab_references = references.value.split(";");
				var i = (indice.value)*1;
				
				if(pas > indice_max) {
					document.getElementById("bouton_suivant").style.visibility="hidden";
					document.getElementById("bouton_precedent").style.visibility="hidden";			
				} else {			
					if(i >= indice_max) {
						document.getElementById("bouton_suivant").style.visibility="hidden";
						document.getElementById("bouton_precedent").style.visibility="visible";
					} else {
						if(i <= 0) {
							document.getElementById("bouton_suivant").style.visibility="visible";
							document.getElementById("bouton_precedent").style.visibility="hidden";
						} else {
							document.getElementById("bouton_suivant").style.visibility="visible";
							document.getElementById("bouton_precedent").style.visibility="visible";						
						}
					} 
				}
				
				if(i < indice_max) {
					var j = i + pas - 1;
					var references_affichage = "";
					while((i <= j) && (i <= indice_max)) {
						references_affichage = references_affichage+tab_references[i]+";";
						i++;
					}			
					xhr.send("references="+references_affichage+"&type="+type);
				} 
			}
			
		
		
			/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function suivant(type){
				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){
						if(i <= indice_max + 1) {
							var leselect = xhr.responseText;
							// On se sert de innerHTML pour rajouter les options a la liste
							document.getElementById('affichage').innerHTML = leselect;
						}
					}
				}
			
				document.getElementById('affichage').innerHTML = '<div id="affichage" name="affichage">	<div class="chargement"> <br/><br/>&nbsp; &nbsp; Chargement ...<br/><img src="img/ajax-loader.gif"/></div></div>';
/* 				xhr.open("GET","ajax.php",true);
				xhr.send(null); */
				
				// Ici on va voir comment faire du post
				xhr.open("POST","ajax.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

				var references = document.getElementById('references');
				var indice = document.getElementById('indice');
				var indice_max = document.getElementById('indice_max').value;
				var pas = (document.getElementById('pas').value)*1;
				
				var tab_references = references.value.split(";");
				var i = ((indice.value)*1) + pas;
				
		
				
				if(i <= indice_max) {
					indice.value = i;
					var j = i + pas - 1;
					var references_affichage = "";
					while((i <= j) && (i <= indice_max)) {
						references_affichage = references_affichage+tab_references[i]+";";
						i++;
					}
						xhr.send("references="+references_affichage+"&type="+type);
				}
				
				if(i >= indice_max) {
					document.getElementById("bouton_suivant").style.visibility="hidden";
					document.getElementById("bouton_precedent").style.visibility="visible";
				} else {
					if(i <= 0) {
						document.getElementById("bouton_suivant").style.visibility="visible";
						document.getElementById("bouton_precedent").style.visibility="hidden";
					} else {
						document.getElementById("bouton_suivant").style.visibility="visible";
						document.getElementById("bouton_precedent").style.visibility="visible";						
					}
				}	
			}
			
				/**
			* Méthode qui sera appelée sur le click du bouton
			*/
			function precedent(type){
				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 leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('affichage').innerHTML = leselect;
					}
				}
				
				document.getElementById('affichage').innerHTML = '<div id="affichage" name="affichage">	<div class="chargement"> <br/><br/>&nbsp; &nbsp; Chargement ...<br/><img src="img/ajax-loader.gif"/></div></div>';
/* 				xhr.open("GET","ajax.php",true);
				xhr.send(null); */
				
				// Ici on va voir comment faire du post
				xhr.open("POST","ajax.php",true);
				// ne pas oublier ça pour le post
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');

				var references = document.getElementById('references');
				var indice = document.getElementById('indice');
				var indice_max = document.getElementById('indice_max').value;
				var pas = (document.getElementById('pas').value)*1;
				
				var tab_references = references.value.split(";");
				var i = ((indice.value)*1) - pas;
				
				if(i >= indice_max) {
					document.getElementById("bouton_suivant").style.visibility="hidden";
					document.getElementById("bouton_precedent").style.visibility="visible";
				} else {
					if(i <= 0) {
						document.getElementById("bouton_suivant").style.visibility="visible";
						document.getElementById("bouton_precedent").style.visibility="hidden";
					} else {
						document.getElementById("bouton_suivant").style.visibility="visible";
						document.getElementById("bouton_precedent").style.visibility="visible";						
					}
				}
				
				if(i >= 0) {				
					var j = i + pas - 1;
					var references_affichage = "";
					while((i <= j) && (i >= 0)) {
						references_affichage = references_affichage+tab_references[i]+";";
						i++;
					}		
					indice.value = i - pas;
					xhr.send("references="+references_affichage+"&type="+type);
				}
			}