function ShowInfo(ID1,ID2,DIV1,DIV2)
{
    $$(ID1).style.backgroundImage="url(images/b1_1.gif)";
    $$(ID2).style.backgroundImage="url(images/b1_2.gif)";
    $$(DIV1).style.display="none";
    $$(DIV2).style.display="";
}
function PageLoad()
{
    var GameName1=$$("hidGameName").value;
    showSList();
    ShowServer(GameName1);
}

function ShowServer(GameName1)
{  
    $$("ServerList").innerHTML="";
    $$("hidGameName").value=GameName1; 
    var tb="";
    tb+="<table border=\"0\" cellspacing=\"0\" cellpadding=\"5\">";
    var temp=0;
    for(var i=0;i<ServerList.Rows.length;i+=2)
	{
		var Game1=ServerList.Rows[i][0];
		var Server=ServerList.Rows[i][1];
		
		var subIndex=Server.indexOf("-");
		var tempServer=Server.substring(0,subIndex);
		
		if(GameName1==Game1)
		{
		    if(temp%3==0)
		    {
               tb+="<tr>"; 
            }
            tb+="<td width=\"200px\" align=\"center\"><div><label style=\"color:#FFCC00; font-size:14px; font-weight:bold;\">" + tempServer + "</label><br /><a href=\"buy-gold/index.html?server="+tempServer+"&race=Elyos#gotoList\">Elyos</a> <a href=\"buy-gold/index.html?server="+tempServer+"&race=Asmodians#gotoList\">Asmodians</a></div></td>";
            temp++;
		}
		if(temp>0&&temp%3==0)
		{
		    tb+="</tr>";
		}
	}
	tb+="</table>"; 
    $$("ServerList").innerHTML=tb;
}
function ServerIndex(Index)
{
    var tb="";
    var temp=0;
    var GameName=$$("hidGameName").value;
    tb+="<table border=\"0\" cellspacing=\"0\" cellpadding=\"5\">";
    for(var i=0;i<ServerList.Rows.length;i+=2)
	{
		var Game=ServerList.Rows[i][0];
		var Server=ServerList.Rows[i][1];
		
		var subIndex=Server.indexOf("-");
		var tempServer=Server.substring(0,subIndex);
		
		if(GameName==Game&&Server.substring(0,1).toLowerCase()==Index.toLowerCase())
		{
            if(temp%3==0)
		    {
               tb+="<tr>"; 
            }
            tb+="<td width=\"200px\" align=\"center\"><div><label style=\"color:#FFCC00; font-size:14px; font-weight:bold;\">" + tempServer + "</label><br /><a href=\"buy-gold/index.html?server="+tempServer+"&race=Elyos#gotoList\">Elyos</a> <a href=\"buy-gold/index.html?server="+tempServer+"&race=Asmodians#gotoList\">Asmodians</a></div></td>";
            temp++;
		}
		if(temp>0&&temp%3==0)
		{
		    tb+="</tr>";
		}
	}
    	tb+="</table>"; 
    $$("ServerList").innerHTML=tb;
}

function showSList()
{
    $$("showServerList").innerHTML="<a href=\"javascript:ServerIndex('A');\">A</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('B');\">B</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('C');\">C</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('D');\">D</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('E');\">E</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('F');\">F</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('G');\">G</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('H');\">H</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('I');\">I</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('J');\">J</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('K');\">K</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('L');\">L</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('M');\">M</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('N');\">N</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('O');\">O</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('P');\">P</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('Q');\">Q</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('R');\">R</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('S');\">S</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('T');\">T</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('U');\">U</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('V');\">V</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('W');\">W</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('X');\">X</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('Y');\">Y</a>&nbsp;|&nbsp;<a href=\"javascript:ServerIndex('Z');\">Z</a>"; 
}
PageLoad();