var dtarray=new Array();
//数据格式：
//每个数组第一行是大区的名字
//从第二行开始：new Array(服务器名称,武器描述,家族名称,小图片地址,大图片地址);

dtarray[0]=new Array(
"一区（电信）",
new Array("雷波多","Np新势力","联邦领袖：噬魂夜"),
new Array("波尔德","本期暂无","本期暂无"),
new Array("雄狮平原","灭世","联邦领袖：TOG双子"),
new Array("女巫峡谷","流氓Organize","联邦领袖:勃胎冷"),
new Array("烈火岛","第一精神病院","联邦领袖：精神病院院长"),
new Array("魔女沼泽","锋芒Toi","兄弟会领袖：堕落者H冰夜")
);

dtarray[1]=new Array(
"二区（网通）",
new Array("女神之湖","龙族-","联邦领袖：achilles"),
new Array("切尼萨","BraveHeart","联邦领袖：V魑魅魍魉V")
);

dtarray[2]=new Array(
"三区（电信）",
new Array("提斯丛林","I狼图腾I第一分会","联邦领袖：布衣书生"),
new Array("纯白之地","工兵连","兄弟会领袖：狂阁十字军")
);
dtarray[3]=new Array(
"华南（电信）",
new Array("王者之战","一只破碗","兄弟会领袖：供品红杉树")
);
dtarray[4]=new Array(
"五区（电信）",
new Array("梦魔幻境","比比谁无聊","兄弟会领袖：紫雪儿")
);
var objsec;
var objserver;
var objdetail1;
var objdetail2;
var endocument;


function Init(){
	objsec=document.getElementById("section");
	objserver=document.getElementById("server");
	objdetail1=document.getElementById("detail1");
	objdetail2=document.getElementById("detail2");
	if(objsec&&objserver&&objdetail1&&objdetail2){
		BuildSections(0);
	}
	document.onclick=function(){
		if(endocument){
			if(document.getElementById("seclist")){
				if(document.getElementById("seclist").style.display=="block"){
					document.getElementById("seclist").style.display="none";
				}
			}
			if(document.getElementById("serverlist")){
				if(document.getElementById("serverlist").style.display=="block"){
					document.getElementById("serverlist").style.display="none";
				}
			}
		}
		endocument=true;
	}
}
function BuildSections(num){
	var secstr;
	secstr="<a href=\"#\" class=\"optionselected\" onclick=\"return showlist(\'seclist\')\">"+ dtarray[num][0] +"</a>";
	secstr+="<div id='seclist' class='optionlist'>";
	for(var i=0;i<dtarray.length;i++){
		secstr+="<a href='#' class='options' onclick='return setsection("+ i +")'>"+ dtarray[i][0] +"</a>"+"\n";
	}
	secstr+="</div>";
	objsec.innerHTML=secstr;
	BuildServers(num,1);
	
}

function BuildServers(num,numserver){
	var sevstr;
	sevstr="<a href=\"#\" class=\"optionselected\" onclick=\"return showlist(\'serverlist\')\">"+ dtarray[num][numserver][0] +"</a>";
	sevstr+="<div id='serverlist' class='optionlist' >";
	for(var i=1;i<dtarray[num].length;i++){
		sevstr+="<a href='#' class='options' onclick='return setserver("+ num +","+ i +")'>"+ dtarray[num][i][0] +"</a>"+"\n";
	}
	sevstr+="</div>";
	objserver.innerHTML=sevstr;
	SetKing(num,1);
}

function SetKing(numsec,numserv){
	var guildstr;
	var bigmap;
	var smallmap;

	detail1str=dtarray[numsec][numserv][1];
	detail2str=dtarray[numsec][numserv][2];
	smallmap=dtarray[numsec][numserv][3];
	bigmap=dtarray[numsec][numserv][4];
	objdetail1.innerHTML=detail1str;
	objdetail2.innerHTML=detail2str;
	return false;
}

function showlist(listname){
	var obj=document.getElementById(listname);
	if(obj){
		obj.style.display=obj.style.display=="block"?"none":"block";
	}
	endocument=false;
	return false;
}

function setsection(num){
	showlist("seclist");
	BuildSections(num);
	return false;
}
function setserver(numsec,numserv){
	showlist("serverlist");
	BuildServers(numsec,numserv);
	SetKing(numsec,numserv);
	return false;
}