var xmlHttp = createXMLHttpRequestObject();

function fetchPage() {
	
	var base = "http://www.mathcs.bethel.edu/";
	var URL = base + document.getElementById("url").value;
	document.getElementById("extURL").innerHTML = "Loading..."; // works
	xmlHttp.open("GET", URL, true);
	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState == "4") {
			if (xmlHttp.status == "200") {
				document.getElementById("internalPage").innerHTML = xmlHttp.responseText;
				document.getElementById("extURL").innerHTML = 
				"<a href=\"" + URL + "\">" + URL + "</a>";
			} else {
				document.getElementById("internalPage").innerHTML =
				"<h1 style=\"color: red\">ERROR: Page Not Found</h1>";
			}
		}
	}
	xmlHttp.send(null);

} 


function createXMLHttpRequestObject() {
	var req = xmlHttp;
	if (window.ActiveXObject) {
		try {
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		} catch (e) {
			xmlHttp = false;
		}
	} else {
		try {
			xmlHttp = new XMLHttpRequest();
		} catch (e) {
			xmlHttp = false;
		}
	}
	if (!xmlHttp) {
		alert("Error creating the XMLHttpRequest object.");
	} else {
		return xmlHttp;
	}
}