var spacing = new Array("4'","4'6\"","5'","5'6\"","6'","6'6\"","8'6\"","10'6\"");

var design = new Array(8);
design[0] = new Array("A42","A48");
design[1] = new Array("B48","B24");
design[2] = new Array("C54","C60","C24");
design[3] = new Array("D48","D24","D30","D60");
design[4] = new Array("E66","E72","E24");
design[5] = new Array("F72","F24");
design[6] = new Array("H48");
design[7] = new Array("K60");

var sizes = new Array(8);
sizes[0] = new Array("48\" x 42\"", "48\" x 48\" & 48\" x 42\"");
sizes[1] = new Array("48\" x 48\"", "24\" x 48\"");
sizes[2] = new Array("48\" x 54\"", "48\" x 54\" & 48\" x 60\"", "24\" x 54\"");
sizes[3] = new Array("48\" x 60\"", "24\" x 60\"", "30\" x 30\"", "30\" x 60\"");
sizes[4] = new Array("48\" x 66\"", "48\" x 66\" & 48\" x 72\"", "24\" x 66\"");
sizes[5] = new Array("48\" x 72\"", "24\" x 72\"");
sizes[6] = new Array("48\" x 48\"");
sizes[7] = new Array("48\" x 60\"");

function buildSpacing() {
	fixtureSpacing = document.Form1.fixtureSpacing;
	fixtureSpacing.options.length = 0;
	for (var i=0; i < spacing.length; ++i) {
		addOption(fixtureSpacing, spacing[i], i)
	}
}

function updatePanelSizes(fixtureSpacing) {
	panelSizes = document.Form1.panelSizes;
	panelSizes.options.length = 0;
	for (var i=0; i < sizes[fixtureSpacing].length; ++i) {
		addOption(panelSizes, sizes[fixtureSpacing][i], i)
	}
	selectedFixtureSpacing = fixtureSpacing;
	showDesign(fixtureSpacing,0);
}

function addOption(selectbox,text,value ) {
	var optn = document.createElement("OPTION");
	optn.text = text;
	optn.value = value;
	selectbox.options.add(optn);
}

function showDesign(space, size) {
	var designDiv = document.getElementById("design");
	designDiv.innerHTML = "<strong>Design #" + design[space][size] + "</strong><br><img src=\"http://www.hunterdouglascontract.com/static_media/documents/ceilings/acousticalsolutions/integratedSolutions/design_layouts/" + design[space][size] + ".jpg\" />";
}

function updateDesign(panelSize) {
	showDesign(selectedFixtureSpacing,panelSize);
}

function show_all_designs() {
	var designSelectorDiv = document.getElementById("show_one_design");
	designSelectorDiv.style.display = 'none';
	var showAllDesignsDiv = document.getElementById("show_all_designs");
	showAllDesignsDiv.style.display = 'block';

	var allDesignDiv = document.getElementById("all_designs");
	var HTML = "";
	
	for (var s=0; s < spacing.length; ++s) {
			for (var d=0; d < design[s].length; ++d) {
				HTML += "<strong>Design #" + design[s][d] + "</strong> - (" + sizes[s][d] + ")<br><img src=\"http://www.hunterdouglascontract.com/static_media/documents/ceilings/acousticalsolutions/integratedSolutions/design_layouts/" + design[s][d] + ".jpg\" /><br><br>";
			}
	}
		
	allDesignDiv.innerHTML = HTML;
}

function show_one_design() {
	var designSelectorDiv = document.getElementById("show_one_design");
	designSelectorDiv.style.display = 'block';
	var showAllDesignsDiv = document.getElementById("show_all_designs");
	showAllDesignsDiv.style.display = 'none';
}

var selectedFixtureSpacing = 0;
buildSpacing();
updatePanelSizes(0);
showDesign(0,0);