var selectedPattern = "";
var selectedColor = "";
var selectedGreen = "";
var selectedProduct = "";
var colorreq = "";
var greenreq = "";

function buildLists() {
	buildColors("");
	buildGreen("", "");
	buildProducts();
}

function createRequestObject() {
	var ro;
	try {
		ro = new XMLHttpRequest();
	}
	catch (tryms) {
		try {
			ro = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (otherms) {
			ro = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return ro;
}

function buildColors(pattern) {
	colorreq = createRequestObject();
	colorreq.open('get','/getcolors.pl?pattern='+pattern, true);
	colorreq.onreadystatechange = buildColorsHandler;
	colorreq.send(null);
}

function buildColorsHandler() {
	if (colorreq.readyState == 4) { 
		// zap old select menu
		document.forms["searchform"].mcolor.options.length = 0;
		document.forms["searchform"].mcolor.options[0] = new Option('And/Or Color', '0'); 
		var opts = colorreq.responseXML.getElementsByTagName('option'); 
		for (var i = 0; i < opts.length; i++) { 
			var op = new Option( 
				unescape(opts[i].getElementsByTagName('mcolor').item(0).firstChild.data), 
				unescape(opts[i].getElementsByTagName('id').item(0).firstChild.data), 
				false, false); 
			document.forms["searchform"].mcolor.options[document.forms["searchform"].mcolor.length] = op;
		} 
	} 
}

function buildGreen(pattern, color) {
	greenreq = createRequestObject();
	greenreq.open('get','/getgreen.pl?pattern=' + pattern + '&color=' + color, true);
	greenreq.onreadystatechange = buildGreenHandler;
	greenreq.send(null);
}

function buildGreenHandler() {
	if (greenreq.readyState == 4) { 
		// zap old select menu
		document.forms["searchform"].mgreen.options.length = 0;
		document.forms["searchform"].mgreen.options[0] = new Option('And/Or Green Specs', '0'); 
		var opts = greenreq.responseXML.getElementsByTagName('option'); 
		for (var i = 0; i < opts.length; i++) { 
			var op = new Option( 
				unescape(opts[i].getElementsByTagName('mgreen').item(0).firstChild.data), 
				unescape(opts[i].getElementsByTagName('id').item(0).firstChild.data), 
				false, false); 
			document.forms["searchform"].mgreen.options[document.forms["searchform"].mgreen.length] = op;
		} 
	} 
}

function buildUrl() {
	var url = "http://lonseal.buildingonline.com/product_search.pl";
	var ok = 0;
	if(selectedPattern != "") {
		url += "/pattern=" + selectedPattern;
		ok = 1;
	}
	if(selectedColor != "") {
		url += "/color=" + selectedColor;
		ok = 1;
	}
	if(selectedFreen != "") {
		url += "/green=" + selectedGreen;
		ok = 1;
	}
	// if(ok == 0) {
	//	return true;
	// }
	// alert("url is " + url);
	x = url;
	document.location.href = url;
	return false;
}

function patternSelected(pattern) {
	patternlen = pattern.length ;
	selectedPattern = "";
	for ( i=0; i<patternlen ; i++){
		if (pattern.options[i].selected == true ) {
			selectedPattern = pattern.options[i].value;
		}
	}
	buildColors(selectedPattern);
	buildGreen(selectedPattern, "");
}

function colorSelected(color) {
	colorlen = color.length ;
	selectedColor = "";
	for ( i=0; i<colorlen ; i++){
		if (color.options[i].selected == true ) {
			selectedColor = color.options[i].value;
		}
	}
	buildGreen(selectedPattern, selectedColor);
}

function greenSelected(green) {
	greenlen = green.length ;
	selectedGreen = "";
	for ( i=0; i<greenlen ; i++){
		if (green.options[i].selected == true ) {
			selectedGreen = green.options[i].value;
		}
	}
}

function buildProducts() {
	productreq = createRequestObject();
	productreq.open('get','/get_name_number.pl', true);
	productreq.onreadystatechange = buildProductsHandler;
	productreq.send(null);
}

function buildProductsHandler() {
	if (productreq.readyState == 4) { 
		// zap old select menu
		document.forms["searchform2"].product.options.length = 0;
		document.forms["searchform2"].product.options[0] = new Option('Select', '0'); 
		var opts = productreq.responseXML.getElementsByTagName('option'); 
		for (var i = 0; i < opts.length; i++) { 
			var op = new Option( 
				unescape(opts[i].getElementsByTagName('product').item(0).firstChild.data), 
				unescape(opts[i].getElementsByTagName('id').item(0).firstChild.data), 
				false, false); 
			document.forms["searchform2"].product.options[document.forms["searchform2"].product.length] = op;
		} 
	} 
}