function getNumbers() {
	var calling_area = document.getElementById('calling_area').value;

	makeRequest("showNumbers.php?calling_from="+calling_area, "phone_info", "");
}

function getAreaCodeNumbers() {
        var area_code = document.getElementById('area_code').value;

        makeRequest("showNumbers.php?area_code="+area_code, "phone_info", "");
}

function makeRequest(url, element, action) {
       	var http_request = false;

        if (window.XMLHttpRequest) { // Mozilla, Safari, ...
       	    http_request = new XMLHttpRequest();
            if (http_request.overrideMimeType) {
               	http_request.overrideMimeType('text/xml');
       	        // See note below about this line
            }
       	} else if (window.ActiveXObject) { // IE
            try {
       	        http_request = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e) {
       	        try {
                    http_request = new ActiveXObject("Microsoft.XMLHTTP");
               	} catch (e) {}
       	    }
        }

       	if (!http_request) {
            alert('Giving up :( Cannot create an XMLHTTP instance');
       	    return false;
        }
       	http_request.onreadystatechange = function() { displayRequestedInfo(http_request, element, action); };
        http_request.open('GET', url, true);
       	http_request.send(null);
}

function displayRequestedInfo(http_request, element, action) {
        if (http_request.readyState == 4) {
                if (http_request.status == 200) {
			if(action == "append") {
	                        document.getElementById(element).innerHTML = document.getElementById(element).innerHTML + http_request.responseText;
			} else {
	                        document.getElementById(element).innerHTML = http_request.responseText;
			}
                } else {
                        alert('There was a problem with the request.');
                }
        }
}