// You *need* to source zones_definition.js prior to this one

function dump_zones() {
	document.write("\n<dl>\n");
	for ( province in zones ) {
		province_code = zones[province].id;
		// zones = get_zones(province_code);
		province_zones = zones[province].zones;
		if(province_zones) {
			document.write("<dt>"+province_code+"</dt>\n");
			document.write("<dd>\n<ul>\n");
			for ( zone_idx in province_zones ) {
				zone = province_zones[zone_idx];
				document.write("<li>"+zone.id+", "+zone.name+"</li>\n");
			}
			document.write("</ul>\n</dd>\n");
		}
	}
	document.write("</dl>\n");
}

function find_zones_for(province_code) {
	for (var i in zones) {
		var province = zones[i];
		if ( province.id == province_code ) {
			return province.zones;
		}
	}
	return null;
}

function update_zones(provinces_dropdown, zones_dropdown) {
	// Empty zones dropdown
	while(zones_dropdown.firstChild) {
		zones_dropdown.removeChild(zones_dropdown.firstChild);
	}
	// Fill it with the zones for the newly selected province
	var current_province_code = provinces_dropdown.value;
	var zones_array = find_zones_for(current_province_code);
	if (zones_array) {
		for (var i in zones_array) {
			var zone = zones_array[i];
			var option = document.createElement("option");
			option.setAttribute("value", zone.id);
			option.innerHTML = zone.name;
			zones_dropdown.appendChild(option);
		}
	}
}