function show_server_list(gid, gamename) {
	create_in_box();
	$(".tc_2").html(gamename);
	get_server_list(gid);  
	//大层
	var box = $("#box"); 
	var body_width = document.documentElement.clientWidth + "px"; 
	var body_height = $(document).height() + "px";
	box.css({width:body_width,height:body_height,opacity:"0.35",display:"block"});
	//小层
	var wid = $(document).width()/2-270 + "px"; //小层left：body宽度除以2再减去本身一半的宽度
	var in_box = $("#inbox");
	var in_left =(document.documentElement.clientWidth - 540)/2+jQuery(document).scrollLeft() + "px";
	var in_top = (document.documentElement.clientHeight - 500)/2+jQuery(document).scrollTop() + "px";
 
	in_box.css({top:in_top,left:in_left,position:"absolute",width:"540px",opacity:"1",display:"block"});
	
} 

function close_server_list() {
	$("#box").css('display','none');	
	$("#inbox").css('display','none');  
}


function get_server_list(gid)
{
	var user_svr = '';
	var top_svr = '';
	var other_svr = ''; 
	var result = '';
	$.ajax({
		type: "GET",
		url: js_url + "server_list.php?game_id=" + gid,
		dataType: "json",
		success: function(data){
			if (data.success) { 
				var op_str = "";
				var tmp_url = "";
				$.each(data.arr, function(key, val){
					tmp_url = create_sl_url(js_url,gid,val.sid,val.name,val.network,is_login,val.server_num);
					user_svr += (val.is_login == "yes") ? tmp_url : "";
					top_svr += (val.istop == "yes") ? tmp_url : ""; 
					other_svr += tmp_url;
				});  
				if (user_svr != '')
				{
					result += "<div class=\"tc_3\">您进过的服区</div><div class=\"ct_4\"><ul>" + user_svr + "</ul></div>";
				}
				if (top_svr != '')
				{
					result += "<div class=\"tc_3\">推荐新区</div><div class=\"ct_4\"><ul>" + top_svr + "</ul></div>";
				}
				if (other_svr != '')
				{
					result += "<div class=\"tc_3\">火爆区</div><div class=\"ct_5\"><ul>" + other_svr + "</ul></div>";
				}
				$(".tc_2").after(result);
			}
		}
	});  
}

function create_sl_url(url,gid,sid,name,network,logined,server_num)
{
	var result = "<li>";
	if (logined)
	{
		result += "<a href=\"" + url + "server.php?game_id=" + gid + "&sid=" + sid + "\" target=\"_blank\">";
	}
	else
	{
		result += "<a href=\"#\" onclick=\"alert('请先登录账号');return false;\" >";
	}
	result += name + "[" + network +server_num+ "服]" +"</a></li>";
	return result;
}

function create_in_box()
{
	var html = "<div class=\"tc\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr>"; 
	html += "<td width=\"84%\" align=\"right\"><div class=\"tc_1\">请选择游戏服务器</div></td>";
	html += "<td width=\"11%\"></td><td width=\"5%\"><a href=\"javascript:void(0)\" onclick=\"close_server_list()\">";
	html += "<img src=\"" + js_url + "images/tj_20.gif\" width=\"22\" height=\"24\" /></a></td></tr>";
	html += "</table><div class=\"tc_2\"></div><table width=\"480\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" class=\"ct_008\">";
	html += "<tr><td width=\"96\"><table width=\"96\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	html += "<tr><td width=\"18\"><img src=\"" + js_url + "images/tj_11.gif\" width=\"10\" height=\"16\" /></td>";
	html += "<td width=\"78\"><a href=\"javascript:void(0)\">推 　荐</a></td></tr></table></td><td width=\"96\"><table width=\"96\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	html += "<tr><td width=\"18\"><img src=\"" + js_url + "images/tj_21.gif\" width=\"8\" height=\"16\" /></td>";
	html += "<td width=\"78\"><a href=\"javascript:void(0)\">火爆荐</a></td></tr></table></td><td width=\"96\"><table width=\"96\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	html += "<tr><td width=\"18\"><img src=\"" + js_url + "images/tj_23.gif\" width=\"14\" height=\"16\" /></td>";
	html += "<td width=\"78\"><a href=\"javascript:void(0)\">停止激活</a></td></tr></table></td><td width=\"96\"><table width=\"96\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	html += "<tr><td width=\"18\"><img src=\"" + js_url + "images/tj_25.gif\" width=\"14\" height=\"16\" /></td>";
	html += "<td width=\"78\"><a href=\"javascript:void(0)\">你进过的分区</a></td></tr></table></td><td width=\"96\"><table width=\"96\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	html += "<tr><td width=\"18\"><img src=\"" + js_url + "images/tj_28.gif\" width=\"16\" height=\"16\" /></td>";
	html += "<td width=\"78\"><a href=\"javascript:void(0)\">维护中...</a></td></tr></table></td></tr></table></div>";
	$("#inbox").html(html);
}