// JavaScript Document

var xhr = false;
var textRequest=true;
var url;
var statesArray = new Array();

function makeRequest(ur) {
	url = ur ;
	
	if (window.XMLHttpRequest) {
		xhr = new XMLHttpRequest();
	}
	else {
		if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e) { }
		}
	}

	if (xhr) {
		xhr.onreadystatechange = showContents;
		xhr.open("GET", "photos.xml", true);
		xhr.send(null);
	}
	else {
		document.getElementById("contentspace").innerHTML = "Sorry, but I couldn't create an XMLHttpRequest";
	}
}

function showContents() {
	if (xhr.readyState == 4) {
		if (xhr.status == 200) {
			if (xhr.responseXML) {
				var allStates = xhr.responseXML.getElementsByTagName("pic");
			//	for (var i=0; i<allStates.length; i++) {
					statesArray[0] = allStates[url].getElementsByTagName("image")[0].firstChild;
					statesArray[1] = allStates[url].getElementsByTagName("caption")[0].firstChild;
					statesArray[2] = allStates[url].getElementsByTagName("mynotes")[0].firstChild;
					statesArray[3] = allStates[url].getElementsByTagName("elrabet")[0].firstChild;
			//	}
			}
		}
		else {
			var outMsg = "There was a problem with the request " + xhr.status;
		}
		
		//for (var i=0; i<statesArray.length; i++) {
			var mylink = statesArray[0].nodeValue;
			var name = statesArray[1].nodeValue;
			var mynotes = statesArray[2].nodeValue;
			var elrabet = statesArray[3].nodeValue;
			document.getElementById("contentspace").innerHTML = "<strong>"+name + "</strong><br \><br \><img src='photos/" + mylink + "' width='170' height='100'/> <br /> <br />" + mynotes + " <br /> <br /> The URL : <a href='"+ elrabet +"' target = '_blank'>"+elrabet + "</a>";
	
	//	}
		
	}
}