var jamAJAXresponse;

function jamLoad() {
	/* Set up AJAX */
	var requestObj = new XMLHttpRequest();
	var url = "jams.xml";
	requestObj.open("GET", url, true);
	requestObj.send(null);
	
	/* Get reply */
	requestObj.onreadystatechange = function() {
		if (requestObj.readyState == 4) {
			if (requestObj.status == 200) {
				jamAJAXresponse = requestObj.responseXML;
				populateJams("");
			}
			else
				alert(requestObj.status);
		}
	}
}

function populateJams(ext) {
	var jamsDiv = document.getElementById("jamsdiv");
	removeChildren(jamsDiv);
	
	var xml = jamAJAXresponse.getElementsByTagName("jam");
	for (var i = 1; i < xml.length; i++) {
		var curExt = xml[i].getAttribute("ext");
		if (curExt == ext) {
			var newDiv = createJamBox(xml[i]);
			continue;
		}
		
		var newDiv = document.createElement("div");
		newDiv.setAttribute("id", curExt);
		newDiv.setAttribute("onClick", "populateJams(\"" + curExt + "\");");
		newDiv.appendChild(document.createTextNode(xml[i].getAttribute("title")));
		document.getElementById("jamsdiv").appendChild(newDiv);
	}
}

function createJamBox(jam) {
	/* Get div to expand */
	var ext = jam.getAttribute("ext");
	
	var newDiv = document.createElement("div");
	newDiv.setAttribute("id", ext);
	newDiv.setAttribute("style", "border-style:solid;border-width:2px;margin-top:5px;margin-bottom:5px;max-height:800px");
	document.getElementById("jamsdiv").appendChild(newDiv);
	
	/* Create the poster img */
	var imgDiv = document.createElement("div");
	imgDiv.setAttribute("style", "float:right;width:65%;text-align:center");
	
	var textDiv = document.createElement("div");
	var br0 = document.createElement("br");
	textDiv.appendChild(br0);
	textDiv.setAttribute("style", "text-align:left;padding-left:10%");
	textDiv.appendChild(document.createTextNode(jam.getAttribute("title")));
	var br1 = document.createElement("br");
	textDiv.appendChild(br1);
	textDiv.appendChild(document.createTextNode(jam.getAttribute("location")));
	var br2 = document.createElement("br");
	textDiv.appendChild(br2);
	textDiv.appendChild(document.createTextNode(jam.getAttribute("date")));
	var br3 = document.createElement("br");
	textDiv.appendChild(br3);
	var br4 = document.createElement("br");
	textDiv.appendChild(br4);
	var videoAnchor = document.createElement("a");
	//videoAnchor.setAttribute("href", "jams/" + ext + "/video.???");
	videoAnchor.setAttribute("class", "datalink");
	videoAnchor.appendChild(document.createTextNode("Archived Film"));
	textDiv.appendChild(videoAnchor);
	
	var footerDiv = document.createElement("div");
	footerDiv.setAttribute("style", "width:100%;clear:both");
	
	var posterimg = document.createElement("img");
	posterimg.setAttribute("src", "jams/" + ext + "/poster.jpg");
	posterimg.setAttribute("style", "max-height:770px");
	imgDiv.appendChild(posterimg);
	
	var br5 = document.createElement("br");
	newDiv.appendChild(br5);
	newDiv.appendChild(imgDiv);
	newDiv.appendChild(textDiv);
	newDiv.appendChild(footerDiv);
	var br6 = document.createElement("br");
	newDiv.appendChild(br6);
	
	return newDiv;
}