// make asynchronous HTTP request using the XMLHttpRequest object 
function loadClients(catId) {

	if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0) {
  
		xmlHttp.open("GET", "/ajax/clientfinder.php?cid=" + catId, true);
	
		xmlHttp.onreadystatechange = responseClients;
	
		xmlHttp.send(null);
  
	} else {

		setTimeout('loadClients()', 1000);
	}
}

function responseClients() {

	if (xmlHttp.readyState == 4) {
  
		if (xmlHttp.status == 200) {
		
			// extract the XML retrieved from the server
			xmlResponse = xmlHttp.responseXML;
			// obtain the document element (the root element) of the XML structure
			xmlDocumentElement = xmlResponse.documentElement;
			
			resultsID = xmlDocumentElement.getElementsByTagName('com_id');
			resultsName = xmlDocumentElement.getElementsByTagName('title');
			resultsCS = xmlDocumentElement.getElementsByTagName('casestudy');
			resultsCategory = xmlDocumentElement.getElementsByTagName('category');

			sList = '<ul>';
			
			for(i=0; i < resultsID.length; i++) {
				
				if(resultsCS[i].firstChild) {
					
					sList += '<li>' + resultsName[i].firstChild.data + ' <a href="' + resultsCS[i].firstChild.data + '">(View)</a></li>';
					
				} else {
					
					sList += '<li>' + resultsName[i].firstChild.data + '</li>';
				}
				
			}
			sList += '</ul>';
			
			document.getElementById('clientlist').innerHTML = sList;
			
			sSectorlink = 'sector_' + resultsCategory[0].firstChild.data;
			var oSelectedOne = document.getElementById(sSectorlink);
			
			if(oSectors = document.getElementById('sectors')) {
				
				aLinks = oSectors.getElementsByTagName('li');
				
				for(j=0; j < aLinks.length; j++) {
					
					if(aLinks[j] == oSelectedOne) {
						
						aLinks[j].className = "active";
						
					} else {
						
						aLinks[j].className = "";
					}
				}

			}
		
		} else {
		
			alert("There was a problem accessing the server: " + xmlHttp.statusText);
		}
	}
}