// The code is simple ajax to load data with a map

var isIE = (document.all) ? true:false;
var selections = 0;

function requestLayer(f,s) 
{
	var request;

	// sets div to wait while data is loaded
	document.getElementById('regionSelectionSub').innerHTML = '<span class="style3">&nbsp;&nbsp;&nbsp;&nbsp;Requesting Data...</span>'; 
 
	// xml ajax to load the data into div 
	if (window.XMLHttpRequest) 
	{
		try {
			request = new XMLHttpRequest();  
		} catch(e) {
			request = false;
		}
	} else if (window.ActiveXObject) {
		try {
			request = new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try {
				request = new ActiveXObject("Microsoft.XMLHTTP");
			} catch(e) {
				request = false;
			}
		}
			
	} else {
		  return;
	}
	  
	request.onreadystatechange = function() 
	{
		if (request.readyState == 4) 
		{
			// clear target div
			document.getElementById('regionSelectionSub').innerHTML = "";
			if(s=="hp")
				document.getElementById('loc').innerHTML = "";
	
			// CDATA element 
			var items = request.responseXML.getElementsByTagName('data');
			if(s=="hp")
				var location = request.responseXML.getElementsByTagName('location');
	
			if (isIE) 
			{
				if(s=="hp") 
					for (var i=0; i<location.length; i++) 
						setLocation(location[i].firstChild.data);

				for (var i=0; i<items.length; i++) 
					buildLayer(items[i].firstChild.data);
			     
			} else {
				if(s=="hp") 
					for (var i=0; i<location.length; i++) 
						setLocation(location[i].childNodes[0].nodeValue);
		
			for (var i=0; i<items.length; i++) 
				buildLayer(items[i].childNodes[1].nodeValue);
			}
		}
	}
	
	// request php file
	request.open ('GET', f, true);
	request.send (null);
}

function buildLayer(data) 
{
	// dump XML into target div
	document.getElementById('regionSelectionSub').innerHTML = data;
}

function setLocation(data) 
{
	// dump XML into target div
   	document.getElementById('loc').innerHTML = "<strong>Location:</strong>&nbsp;"+data;
}