// lo usamos para ver si hay un proceso activo
var enProceso = false; 
// Creamos el objeto XMLHttpRequest
var http = getHTTPObject();

function handleHttpResponse() { 
// Desde aquí se mostrara el resultado
// pero antes colocamos un mensaje de precarga, en este caso es un texto 
// si deseamos usar una imagen simplemente colocamos una etiqueta de imagen <img src=precarga.gif>
// en reemplazo del texto
document.getElementById("campoMensaje").innerHTML="<p align='center'><img src='../Index/ajax/indicator.gif' /></p>";
    if (http.readyState == 4) { 
       if (http.status == 200) { 
          if (http.responseText.indexOf('invalid') == -1) {
             // Armamos un array, usando la coma para separar elementos
             results = http.responseText.split(","); 
             document.getElementById("campoMensaje").innerHTML = unescape(results[0]);
             enProceso = false;
          }
       }
    }
}
function buscar(Letra) {

// Por aquí enviamos la petición a la pagina consulta.php
    if (!enProceso && http) {
       //escape(document.form1.cboletras.value);
       var url = "../Index/ajax/consulta-letra.php?cboletras="+ Letra;
       http.open("GET", url, true);
       http.onreadystatechange = handleHttpResponse;
       enProceso = true;
       http.send(null);
	   
    }
}

// desde aquí simplemente ajax
function getHTTPObject() {
  	var xmlhttp=false;
	try {
		xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	} catch (e) {
		try {
		   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (E) {
			xmlhttp = false;
  		}
	}

	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		xmlhttp = new XMLHttpRequest();
	}
	return xmlhttp; 
}