 var zoneLists = new Array(6) 
    zoneLists["empty"] = ["Choose"]; 
    zoneLists["1"] = ["Choose", "Puna", "South Hilo", "North Hilo", "Hamakua", "North Kohala", "South Kohala", "North Kona", "South Kona", "Kau"]; 
    zoneLists["2"] = ["Choose", "Waimea", "Koloa", "Lihue", "Kapaa", "Hanalei"];
    zoneLists["3"] = ["Choose"];
    zoneLists["4"] = ["Choose", "Hana", "Makawao", "Wailuku", "Lahaina/Lanai"];
    zoneLists["5"] = ["Choose"];
    zoneLists["6"] = ["Choose", "Honolulu", "Waikiki", "Diamond Head", "Kailua/Kaneohe", "Windward", "Waialua", "Wahiawa", "Waianae", "Ewa/Pearl City"];
 var zoneID = new Array(6)
    zoneID["empty"] = ["0"];
    zoneID["1"] = ["0", "15", "16", "17", "18", "19", "20", "21", "22", "23"];
    zoneID["2"] = ["0", "1", "2", "3", "4", "5"];
    zoneID["3"] = ["0"];
    zoneID["4"] = ["0", "24", "25", "26", "27"];
    zoneID["5"] = ["0"];
    zoneID["6"] = ["0", "6", "7", "8", "9", "10", "11", "12", "13", "14"];
 /* CountryChange() is called from the onchange event of a select element. 
 * param selectObj - the select object which fired the on change event. 
 */ 
 function countyChange(selectObj) { 
 // get the index of the selected option 
 var idx = selectObj.selectedIndex; 
 // get the value of the selected option 
 var which = selectObj.options[idx].value; 
 // use the selected option value to retrieve the list of items from the countryLists array 
 zList = zoneLists[which];
 zID = zoneID[which];
 // get the country select element via its known id 
 var cSelect = document.getElementById("zone"); 
 // remove the current options from the country select 
 var len=cSelect.options.length; 
 while (cSelect.options.length > 0) { 
 cSelect.remove(0); 
 } 
 var newOption; 
 // create new options 
 for (var i=0; i<zList.length; i++) { 
 newOption = document.createElement("option"); 
 newOption.value = zID[i];  // assumes option string and value are the same 
 newOption.text=zList[i]; 
 // add the new option 
 try { 
 cSelect.add(newOption);  // this will fail in DOM browsers but is needed for IE 
 } 
 catch (e) { 
 cSelect.appendChild(newOption); 
 } 
 } 
 } 
