function setgroup(serverid, groupid) {
	if (document.getElementById(groupid)==null) {
		return false;
	}else{
		var groupObject = document.getElementById(groupid);
	}

	var server = document.getElementById(serverid).value;

    switch (server) {
				case "电信一至七/双线一至五/叛逆区":
			var groupOptions = new Array(
						"传世破浪", "传世破浪",
						"星曜江湖", "星曜江湖"
						);
			break;
				case "双线四/六至十三区":
			var groupOptions = new Array(
						"醉舞天下", "醉舞天下"
						);
			break;
				case "次时代老兵专区":
			var groupOptions = new Array(
						"耀世群雄", "耀世群雄"
						);
			break;
				case "盛世一至十区":
			var groupOptions = new Array(
						"盛世凌云", "盛世凌云"
						);
			break;
				case "盛世十一至十八区":
			var groupOptions = new Array(
						"剑舞傲天", "剑舞傲天"
						);
			break;
				case "永恒经典一至十五区":
			var groupOptions = new Array(
						"一战天成", "一战天成"
						);
			break;
				case "至尊荣耀一至七区":
			var groupOptions = new Array(
						"腾云鸿运", "腾云鸿运",
						"众星龙魂", "众星龙魂"
						);
			break;
				case "至尊荣耀八至九区":
			var groupOptions = new Array(
						"梦绽传说", "梦绽传说"
						);
			break;
				case "至尊荣耀十区":
			var groupOptions = new Array(
						"大道至简", "大道至简"
						);
			break;
				case "至尊荣耀十一区":
			var groupOptions = new Array(
						"破界化神", "破界化神"
						);
			break;
				default:
            var groupOptions = new Array("选择服务组", "");
            break;
    }

	groupObject.options.length = 0;
	groupObject.options[0] = new Option("选择服务组", "");
	var j = 0;
	for(var i = 0; i < groupOptions.length/2; i++) {
		j = i + 1;
	    groupObject.options[j] = new Option(groupOptions[i*2],groupOptions[i*2+1]);
	}
}

function initprovgroup(serverid, server) {
	var provObject = document.getElementById(serverid);
    for(var i = 0; i < provObject.options.length; i++) {
        if (provObject.options[i].value == server) {
        	provObject.selectedIndex = i;
			break;
        }
    }
}

function showserver(serverid, groupid, server) {
	var servers = new Array(
				"电信一至七/双线一至五/叛逆区",
				"双线四/六至十三区",
				"次时代老兵专区",
				"盛世一至十区",
				"盛世十一至十八区",
				"永恒经典一至十五区",
				"至尊荣耀一至七区",
				"至尊荣耀八至九区",
				"至尊荣耀十区",
				"至尊荣耀十一区"
			);

	var serversvalue = new Array(
				"电信一至七/双线一至五/叛逆区",
				"双线四/六至十三区",
				"次时代老兵专区",
				"盛世一至十区",
				"盛世十一至十八区",
				"永恒经典一至十五区",
				"至尊荣耀一至七区",
				"至尊荣耀八至九区",
				"至尊荣耀十区",
				"至尊荣耀十一区"
			);

	var html = "<select name=\"" + serverid + "\" id=\"" + serverid + "\" onchange=\"setgroup('" + serverid + "', '" + groupid + "');\">";
	html = html + "<option value=\"\">选择服务区</option>";
	for(var i = 0; i < servers.length; i++) {
		html = html + "<option value=\"" + serversvalue[i] + "\">" + servers[i] + "</option>";
	}
	html = html + "</select>";
	document.write(html);

	initprovgroup(serverid, server);

}

function showgroup(groupid, group) {
	var html = "&nbsp;<select name=\"" + groupid + "\" id=\"" + groupid + "\">";
	if(group == "") {
		html = html + "<option value=\"\">选择服务组</option>";
	} else {
		html = html + "<option value=\"" + group + "\">" + group + "</option>";
	}
	html = html + "</select>";
	document.write(html);
}

function initvalues(serverid, groupid, server, group) {
	var serverObject = document.getElementById(serverid);
	var groupObject  = document.getElementById(groupid);
    for(var i = 0; i < serverObject.options.length; i++) {
        if (serverObject.options[i].value == server) {
        	serverObject.selectedIndex = i;
			break;
        }
    }
    setgroup(serverid, groupid);
    for(var i = 0; i < groupObject.options.length; i++) {
        if (groupObject.options[i].value == group) {
        	groupObject.selectedIndex = i;
			break;
        }
    }
}