// Create an XMLHTTPRequest object
var http;
try { http = new XMLHttpRequest(); /* e.g. Firefox */ } catch(e) {
	try { http = new ActiveXObject("Msxml2.XMLHTTP");  /* some versions IE */ } catch (e) {
		try { http = new ActiveXObject("Microsoft.XMLHTTP");  /* some versions IE */ } catch (E) {
			http = false;
		}}}

// Write an event handler
/* - make the request of the server 
- check when the server says that it has completed the request, and 
- deal with the information returned by the server */
function getpage(id) {
	
	http.open("GET", (escape(id)), true);
	http.onreadystatechange = useHttpResponse;
	http.send(null);
}

// readyStates: 0 = uninitialized, 1 = loading, 2 = loaded, 3 = interactive, 4 = complete
function useHttpResponse() {
	if (http.readyState == 1) {
		showMessage('Page Loading...');
	}
	else if (http.readyState == 4) {
		var textout = http.responseText;
		showMessage(textout);
	}
}

// show page
function showMessage(string) {
	document.getElementById('esteban').innerHTML = string;
}