//ajax_functions.js	
	
	function runajax(objID, serverPage) {
		
		//Create a boolean variable to check for a valid Internet Explorer instance.
		var xmlhttp = false;
		
		//Check if we are using IE.
		try {
			//If the javascript version is greater than 5.
			xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			//If not, then use the older active x object.
			try {
				//If we are using Internet Explorer.
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (E) {
				//Else we must be using a non-IE browser.
				xmlhttp = false;
			}
		}
		//If we are using a non-IE browser, create a javascript instance of the object.
		if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
			xmlhttp = new XMLHttpRequest();
		}
		
		var obj = document.getElementById(objID);
		xmlhttp.open("GET", serverPage);
		xmlhttp.onreadystatechange = function() {
			if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
				obj.innerHTML = xmlhttp.responseText;
			}
		}
		xmlhttp.send(null);
	}

	//Function to clear error messages.
	function clearmes (){
		//Clear any old error messages.
		document.getElementById("InvolvementData").innerHTML = "";
	}
	
	//Function to show a loading message.
	function showload (){
		document.getElementById("InvolvementData").innerHTML = "<div id='loader'><img style='text-align:center; padding: 30px;' src='http://www.futuresforkids.org.uk/lib/img/loader.gif' /><br /><p>Loading...</p></div>";
	}
	
	//Variable dictating how long to wait to refresh the gallery.
	var refreshrate = 800;
	var imgID;
	
	function gettemplate(pgID){
		//Show loading.
		showload();
		//Re-load the full size image.
		runajax ("InvolvementData","http://www.futuresforkids.org.uk/inv_controller.php?page_id=" + pgID + "");
	}