//Global variables
var req, obj, prevXML, prevHTML, priorItem; 

//Entry
function xmlCall(url, ctl) {
	obj = document.getElementById(ctl);
	loadXMLDoc(url);
}

function loadXMLDoc(url) {
	//different calls based on browser
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
		req.onreadystatechange = processReqChange;
		req.open("GET", url, true);
		req.send(null);
	}
	else if (window.ActiveXObject){
		req = new ActiveXObject("Microsoft.XMLHTTP");
		if (req) {
			req.onreadystatechange = processReqChange;
			req.open("GET", url, true);
			req.send();
		}
	}
}

function processReqChange() {
	if (req.readyState == 4) {
		if (req.status == 200) {
			response = req.responseXML.documentElement;

			var xml = response.xml;
			if (!xml) {
				var serializer = new XMLSerializer();
				var xml = serializer.serializeToString(response);
			}
		 	if (xml != prevXML) {
                  			obj.innerHTML = xml;
		                       	prevXML = xml;
			}
		}
		else {
			alert(req.status);
		}
	}		
}

function showVariableContent(url, listID, targetID, selectedID) {

	xmlCall(url, targetID);

	var links = document.getElementById(listID);

	//Loop through elements of detailLinks
      	for (var i = 0; i < links.childNodes.length; i++) {
                    if (links.childNodes[i].className == "inactive")
                        links.childNodes[i].className = "active";
   	}
	eval(selectedID + '.className = "inactive"');
}