function showPic(whichpic) {
  if (!document.getElementById("placeholder")) return true;
  var source = whichpic.getAttribute("href");
  var placeholder = document.getElementById("placeholder");
  placeholder.setAttribute("src",source);
  if (!document.getElementById("description")) return false;
  if (whichpic.getAttribute("title")) {
    var text = whichpic.getAttribute("title");
  } else {
    var text = "";
  }
  var description = document.getElementById("description");
  if (description.firstChild.nodeType == 3) {
    description.firstChild.nodeValue = text;
  }
  return false;
}

function preparePlaceholder() {
  if (!document.createElement) return false;
  if (!document.createTextNode) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("imagegallery")) return false;
  var placeholder = document.createElement("img");
  placeholder.setAttribute("id","placeholder");
  placeholder.setAttribute("src","images/placeholder.gif");
  placeholder.setAttribute("alt","my image Clients");
  var description = document.createElement("p");
  description.setAttribute("id","description");
  var desctext = document.createTextNode("Choose an image");
  description.appendChild(desctext);
  var gallery = document.getElementById("imageClients");
  insertAfter(description,Clients);
  insertAfter(placeholder,description);
}

function updateNav() {
if (xmlHttpTest.readyState == 4) {
	//var response = xmlHttp.responseText;
	//alert(xmlHttp.responseText);
	document.getElementById("textClientsList").innerHTML = xmlHttpTest.responseText;
}
}

function updateTextDisClients(discipline){
	var url = "/ajax.php?navdis=" + discipline;
	//alert(url);
	//alert(url);
	// Open a connection to the server
	xmlHttpTest.open("GET", url, true);
	
	// Setup a function for the server to run when it's done
	xmlHttpTest.onreadystatechange = updateNav;
	
	// Send the request
	xmlHttpTest.send(null);	
	//alert("Update nav "+sector);
	/*if (xmlHttp.readyState == 4) {
		//var response = xmlHttp.responseText;
		//alert(xmlHttp.responseText);
		document.getElementById("textClientsList").innerHTML = xmlHttp.responseText;
	}*/
}

function updateTextClients(sector){
	var url = "/ajax.php?navsector=" + sector;
	//alert(url);
	//alert(url);
	// Open a connection to the server
	xmlHttpTest.open("GET", url, true);
	
	// Setup a function for the server to run when it's done
	xmlHttpTest.onreadystatechange = updateNav;
	
	// Send the request
	xmlHttpTest.send(null);	
	//alert("Update nav "+sector);
	/*if (xmlHttp.readyState == 4) {
		//var response = xmlHttp.responseText;
		//alert(xmlHttp.responseText);
		document.getElementById("textClientsList").innerHTML = xmlHttp.responseText;
	}*/
}

function updatePage(){
	//alert(sector);
	if (xmlHttp.readyState == 4) {
		//var response = xmlHttp.responseText;
		//alert(xmlHttp.responseText);
		document.getElementById("clientsList").innerHTML = xmlHttp.responseText;
		
		/*var sector = sectorList.options[sectorList.selectedIndex].value;
		var url = "/ajax.php?nav=" + sector;
		//alert(url);
		//alert(url);
		// Open a connection to the server
		xmlHttp.open("GET", url, true);
		
		// Setup a function for the server to run when it's done
		xmlHttp.onreadystatechange = updateTextClients;
		
		// Send the request
		xmlHttp.send(null);*/
	}	
}



function prepareDiscipline() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("disciplineList")){
		return false;
	} else {
		var disciplineList = document.getElementById("disciplineList");
		var disciplineLinks = disciplineList.getElementsByTagName("option");
		for ( var i=0; i < disciplineLinks.length; i++) {
			disciplineLinks[i].onclick = function() {
				var discipline = disciplineList.options[disciplineList.selectedIndex].value;
				//alert(discipline);
				var url = "/ajax.php?discipline=" + discipline;
				//alert(url);
				//alert(url);
				// Open a connection to the server
				xmlHttp.open("GET", url, true);
				
				// Setup a function for the server to run when it's done
				xmlHttp.onreadystatechange = updatePage;
				
				// Send the request
				xmlHttp.send(null);
				
				//updateTextDisClients(discipline);
			}
		}
	}
}


function prepareSectors() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("sectorList")){
		return false;
	} else {
		var sectorList = document.getElementById("sectorList");
		var sectorLinks = sectorList.getElementsByTagName("option");
		for ( var i=0; i < sectorLinks.length; i++) {
			//alert(sectorLinks.length);
			sectorLinks[i].onclick = function() {			
				//alert("two");

				var sector = sectorList.options[sectorList.selectedIndex].value;
				//alert(sector);
				var url = "/ajax.php?sector=" + sector;
				//alert(url);
				// Open a connection to the server
				xmlHttp.open("GET", url, true);
				
				// Setup a function for the server to run when it's done
				xmlHttp.onreadystatechange = updatePage;
				
				// Send the request
				xmlHttp.send(null);	
				
				updateTextClients(sector);
			}
		}		
	}
}

function prepareForms() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("filterClient")){
		return false;
	} else {
		var theform = document.getElementById("filerClient");
	
		//var xhr = new xmlHttp();
		//xhr.canvas = document.getElementById(canvasId);
		var url = "ajax.php?"+service;
		//xhr.loading = function() {
		//	displayLoading(document.getElementById(canvasId));
		//};
		//xhr.callback = doAjax;
	
		theform.ajaxHandler = xmlHttp;

		theform.onsubmit = function() {
	
			var data = "";
	
			for (var i=0; i<this.elements.length; i++) {
	
				data+= this.elements[i].name;
				data+= "=";
				data+= escape(this.elements[i].value);
				data+= "&";
	
			}
	
			this.ajaxHandler.data = data;
			return (!this.ajaxHandler.start());
	
		};
		xmlHttp.open("POST", url, true);
		xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
		xmlHttp.send(data);
		
		theform = null;	// Clean up for IE
	
	};
}
// This works
/*addLoadEvent(function() {
	$('sectorList').onchange = function() {
		alert(sectorList.options[sectorList.selectedIndex].value);
		//window.location = this.value;
		return false;
	}
})*/


addLoadEvent(preparePlaceholder);
addLoadEvent(prepareDiscipline);
addLoadEvent(prepareSectors);
addLoadEvent(prepareForms);