﻿// JavaScript Document
var valArea;
var valSType;
var fugro_area = new Array();
fugro_area["hk"] = new Array();
fugro_area["hk"]["st1"] = "FugroHK service type A";
fugro_area["hk"]["st2"] = "FugroHK service type B";
fugro_area["hk"]["st3"] = "FugroHK service type C";

fugro_area["bj"] = new Array();
fugro_area["bj"]["st1"] = "FugroBJ service type A";
fugro_area["bj"]["st2"] = "FugroBJ service type B";

fugro_area["gz"] = new Array();
fugro_area["gz"]["st1"] = "FugroGZ service type A";
fugro_area["gz"]["st2"] = "FugroGZ service type B";
fugro_area["gz"]["st3"] = "FugroGZ service type C";
fugro_area["gz"]["st4"] = "FugroGZ service type D";

fugro_area["mc"] = new Array();
fugro_area["mc"]["st1"] = "FugroMC service type A";
fugro_area["mc"]["st2"] = "FugroMC service type B";
fugro_area["mc"]["st3"] = "FugroMC service type C";


var s_type = new Array();
s_type["st1"] = new Array();
s_type["st1"]["ss1"] = "FugroHK steel";
s_type["st1"]["ss2"] = "FugroHK concrete";
s_type["st1"]["ss3"] = "FugroHK soil";
s_type["st1"]["ss4"] = "FugroHK PT";

s_type["st2"] = new Array();
s_type["st2"]["ss1"] = "FugroHK steel";
s_type["st2"]["ss2"] = "FugroHK steel";
function getID(id)
{
	return id = document.getElementById(id);
}

function addOption(selectbox,text,value )
{
	var optn = document.createElement("OPTION");
	optn.text = text;
	optn.value = value;
	selectbox.options.add(optn);
}

function clearChosen(comboboxID)
{
	if( getID(comboboxID).length > 0)

	{
		getID(comboboxID).length = 0;
	}
		
	addOption(getID(comboboxID),"","");
}

function addArea()
{
	var rad_format1 = "<input type='radio' disabled='disable' name='area' onclick='changeArea(this.form); addSerType();' value='";
	var rad_format2 = "</input></br>";
	
	document.write(rad_format1 + "hk" + "'>" + "&nbsp;&nbsp;香港" + rad_format2);
	document.write(rad_format1 + "bj" + "'>" + "&nbsp;&nbsp;北京" + rad_format2);
	document.write(rad_format1 + "gz" + "'>" + "&nbsp;&nbsp;广州" + rad_format2);
	document.write(rad_format1 + "mc" + "'>" + "&nbsp;&nbsp;澳门" + rad_format2);

}

function changeArea(form)
{   clearChosen("s_type");
	clearChosen("s_scope");
	var chosen = "";
	for (i = 0; i < form.area.length; i++)
	{
		if (form.area[i].checked) 
		
		{
		chosen = form.area[i].value;
		return valArea = chosen;
		}
	}
}

function addSerType()
{	clearChosen("s_type");

	for (var index in fugro_area)
	{
		if (index == valArea)
		{
			for (var index2 in fugro_area[index])
				addOption(getID("s_type"),index2,index2);
		}
	}
	
}

function changeSType(form)
{	clearChosen("s_scope");

	for (var index in s_type)
	{
		if(index == getID("s_type").value)
		{
			for (var index2 in s_type[index])
			addOption(getID("s_scope"),index2,index2);
		}
	}
	//for (i = 0; i < form.s_type.length; i++)
	//{
		//if (form.s_type[i].selected) 
		
		//{
		//chosen = form.s_type[i].value;
		//return valSType = chosen;
		//}
	//}
	//document.write(chosen);
}

	
