//Browser Support Code
function ajaxFunction(){
	
	var ajaxDisplay = document.getElementById('ajaxDiv');
	ajaxDisplay.innerHTML = '<img src="/ajax-loader.gif">';

	var ajaxRequest;  // The variable that makes Ajax possible!
	
	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;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			ajaxDisplay.innerHTML = ajaxRequest.responseText;
		}
	}

	var colorString = ""
	var els = document.getElementsByName('color[]');
	if (els.length > 1) {
		for (var i=0; i<els.length; i++) {
			if (els[i].checked) {
			colorString += els[i].value + "|";
			}
		}
		colors = colorString.slice(0,-1);
	} else colors = document.getElementById('color').value;

	var sizeString = ""
	var els = document.getElementsByName('size[]');
	if (els.length > 1) {
	for (var i=0; i<els.length; i++) {
		if (els[i].checked) {
		sizeString += els[i].value + '|x *';
		}
	}
	size = sizeString.slice(0,-4);
	} else size = document.getElementById('size').value;

	var shapeString = ""
	var els = document.getElementsByName('shape[]');
	if (els.length > 1) {
	for (var i=0; i<els.length; i++) {
		if (els[i].checked) {
		shapeString += els[i].value + ",";
		}
	}
	shapes = shapeString.slice(0,-1);
	} else shapes = document.getElementById('shape').value;

	var styleString = ""
	var els = document.getElementsByName('style[]');
	if (els.length > 1) {
		for (var i=0; i<els.length; i++) {
			if (els[i].checked) {
			styleString += els[i].value + ",";
			}
		}
	styles = styleString.slice(0,-1);
	} else styles = document.getElementById('style').value;

	var matString = ""
	var els = document.getElementsByName('mat[]');
	if (els.length > 1) {
	for (var i=0; i<els.length; i++) {
		if (els[i].checked) {
		matString += els[i].value + ",";
		}
	}
	mats = matString.slice(0,-1);
	} else mats = document.getElementById('mat').value;

if (document.getElementById('lowprice') != null){
	var lowprice = document.getElementById('lowprice').value;
}
if (document.getElementById('hiprice') != null){
	var hiprice = document.getElementById('hiprice').value;
}
	var queryString = "sent=ajax&color=" + colors + "&size=" + size + "&shape=" + shapes + "&style=" + styles + "&mat=" + mats + "&lowprice=" + lowprice + "&hiprice=" + hiprice;
	//alert(queryString);
	
	ajaxRequest.open("POST", "ajax-db2.php", true);
	
	//Send the proper header information along with the request
	ajaxRequest.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	ajaxRequest.setRequestHeader("Content-length", queryString.length);
	ajaxRequest.setRequestHeader("Connection", "close");

	ajaxRequest.send(queryString); 
}