function colourFunction(){
	var ajaxRequest;  // magic variable
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	
	// Receive Data Function 
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('styleSelect');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}
	var colour = document.getElementById('colour').value;
	var queryString = "?colour=" + colour;
	ajaxRequest.open("GET", "/colourQuery.ink.php" + queryString, true);
	ajaxRequest.send(null);
	
}
function styleFunction(){
	var ajaxRequest;  // magic variable
	try{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	} catch (e){
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		} catch (e) {
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			} catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	
	// Receive Data Function 
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('fabricResults');
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
			ct();
		}
	}
	var style = document.getElementById('style').value;
	var queryString = "?style=" + style;
	ajaxRequest.open("GET", "/styleQuery.ink.php" + queryString, true);
	ajaxRequest.send(null); 
}
