//<!--

var type_str = "Residential Fencing|Tubular Fencing";

var panel_str = new Array();
var style_list = new Array();

style_list[0] = "|1|2|3|4|5|6|7|8|9|10";
style_list[1] = "|1|2|3|4|5|6|7|8|9|1ws|3ws";


panel_str[0] = "|3.0m Panel|Double Driveway Gates|Garden Gate";
panel_str[1] = "|2.3m Panel|Single Gate";


var num = 0;

function page_init() {

	document.fence.type.options.length = 0;
	document.fence.panel1.options.length = 0;
	document.fence.panel2.options.length = 0;
	document.fence.panel3.options.length = 0;
	document.fence.panel4.options.length = 0;
	document.fence.panel5.options.length = 0;
	document.fence.panel6.options.length = 0;
	document.fence.panel7.options.length = 0;
	document.fence.panel1s.options.length = 0;
	document.fence.panel2s.options.length = 0;
	document.fence.panel3s.options.length = 0;
	document.fence.panel4s.options.length = 0;
	document.fence.panel5s.options.length = 0;
	document.fence.panel6s.options.length = 0;
	document.fence.panel7s.options.length = 0;

	num = type_str.split("|").length;  
	for (i=0;i<num;i++) {
		document.fence.type.options[i] = new Option(type_str.split("|")[i]);     
	}


        num = panel_str[0].split("|").length; 
        for (i=0;i<num;i++) {
                document.fence.panel1.options[i] = new Option(panel_str[0].split("|")[i]);  
                document.fence.panel2.options[i] = new Option(panel_str[0].split("|")[i]);  
                document.fence.panel3.options[i] = new Option(panel_str[0].split("|")[i]);  
                document.fence.panel4.options[i] = new Option(panel_str[0].split("|")[i]);  
                document.fence.panel5.options[i] = new Option(panel_str[0].split("|")[i]);  
                document.fence.panel6.options[i] = new Option(panel_str[0].split("|")[i]);  
                document.fence.panel7.options[i] = new Option(panel_str[0].split("|")[i]);  
        }
}

function style_update() {

	document.fence.panel1.options.length = 0;
	document.fence.panel2.options.length = 0;
	document.fence.panel3.options.length = 0;
	document.fence.panel4.options.length = 0;
	document.fence.panel5.options.length = 0;
	document.fence.panel6.options.length = 0;
	document.fence.panel7.options.length = 0;
	document.fence.panel1s.options.length = 0;
	document.fence.panel2s.options.length = 0;
	document.fence.panel3s.options.length = 0;
	document.fence.panel4s.options.length = 0;
	document.fence.panel5s.options.length = 0;
	document.fence.panel6s.options.length = 0;
	document.fence.panel7s.options.length = 0;

	type_num = document.fence.type.selectedIndex;

        num = panel_str[type_num].split("|").length; 
        for (i=0;i<num;i++) {
                document.fence.panel1.options[i] = new Option(panel_str[type_num].split("|")[i]);  
                document.fence.panel2.options[i] = new Option(panel_str[type_num].split("|")[i]);  
                document.fence.panel3.options[i] = new Option(panel_str[type_num].split("|")[i]);  
                document.fence.panel4.options[i] = new Option(panel_str[type_num].split("|")[i]);  
                document.fence.panel5.options[i] = new Option(panel_str[type_num].split("|")[i]);  
                document.fence.panel6.options[i] = new Option(panel_str[type_num].split("|")[i]);  
                document.fence.panel7.options[i] = new Option(panel_str[type_num].split("|")[i]);  
        }

	num = style_list[type_num].split("|").length;
	for (i=0;i<num;i++) {
		document.fence.panel1s.options[i] = new Option(style_list[type_num].split("|")[i]);
		document.fence.panel2s.options[i] = new Option(style_list[type_num].split("|")[i]);
		document.fence.panel3s.options[i] = new Option(style_list[type_num].split("|")[i]);
		document.fence.panel4s.options[i] = new Option(style_list[type_num].split("|")[i]);
		document.fence.panel5s.options[i] = new Option(style_list[type_num].split("|")[i]);
		document.fence.panel5s.options[i] = new Option(style_list[type_num].split("|")[i]);
		document.fence.panel6s.options[i] = new Option(style_list[type_num].split("|")[i]);
		document.fence.panel7s.options[i] = new Option(style_list[type_num].split("|")[i]);
	}

}
