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()
{
     if(document.location.href.indexOf("-")>0)
         ShowInfo('divNewsList','divServiceInfo','divServiceInfo1','divNewsList1');
    document.getElementById("usserver").onmouseover = function(){ 
        ShowServer("usserver","euserver","divEUAOC","divAOC"); 
    } 
    document.getElementById("euserver").onmouseover = function(){ 
        ShowServer("euserver","usserver","divAOC","divEUAOC"); 
    }
    ShowIndexLlist();
    ShowServer("usserver","euserver","divEUAOC","divAOC");

}
function ShowServer(ID1,ID2,DIV1,DIV2)
{   
    var ul="";
    $$(ID1).style.backgroundImage="url(images/b1_1.gif)";
    $$(ID2).style.backgroundImage="url(images/b1_2.gif)";
    $$(DIV1).style.display="none";
    $$(DIV2).style.display="";
    if(ID1=="usserver")
        $$("hidGameName").value="AION";
    else
        $$("hidGameName").value="EUAION";
    var GameName1=$$("hidGameName").value;
    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)
		{
            ul+="<li><div style=\"height:20px;\"><strong>" + tempServer + "</strong></div><div style=\"height:20px;\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td width=\"62%\" align=\"center\" style=\"height: 19px\"><a href=\"buy-gold/index.html?server="+tempServer+"&race=Elyos\">Elyos</a></td><td width=\"38%\" align=\"left\" style=\"height: 19px\"><a href=\"buy-gold/index.html?server="+tempServer+"&race=Asmodians\">Asmodians</a></td></tr></table></table></li>";
		}
	} 
	if(GameName1=="AION")
    {
        $$("ulAOC").innerHTML=ul;
    }
    else
    {
        $$("ulEUAOC").innerHTML=ul;
    }    
}
function ServerIndex(Index)
{
    var ul="";
    var GameName=$$("hidGameName").value;
    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())
		{
             ul+="<li><div style=\"height:20px;\"><strong>" + tempServer + "</strong></div><div style=\"height:20px;\"><table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\"><tr><td width=\"62%\" align=\"center\" style=\"height: 19px\"><a href=\"buy-gold/index.html?server="+tempServer+"&race=Elyos\">Elyos</a></td><td width=\"38%\" align=\"left\" style=\"height: 19px\"><a href=\"buy-gold/index.html?server="+tempServer+"&race=Asmodians\">Asmodians</a></td></tr></table></table></li>";
		}
	}
    if(GameName=="AION")
    {
        $$("ulAOC").innerHTML=ul;
    }
    else
    {
        $$("ulEUAOC").innerHTML=ul;
    }
}
function ShowIndexLlist()
{
    document.getElementById("ulIndexLlist").innerHTML="<li><a href=\"javascript:ServerIndex('A');\">A</a></li><li><a href=\"javascript:ServerIndex('B');\">B</a></li><li><a href=\"javascript:ServerIndex('C');\">C</a></li><li><a href=\"javascript:ServerIndex('D');\">D</a></li><li><a href=\"javascript:ServerIndex('E');\">E</a></li><li><a href=\"javascript:ServerIndex('F');\">F</a></li><li><a href=\"javascript:ServerIndex('G');\">G</a></li><li><a href=\"javascript:ServerIndex('H');\">H</a></li><li><a href=\"javascript:ServerIndex('I');\">I</a></li><li><a href=\"javascript:ServerIndex('J');\">J</a></li><li><a href=\"javascript:ServerIndex('K');\">K</a></li><li><a href=\"javascript:ServerIndex('L');\">L</a></li><li><a href=\"javascript:ServerIndex('M');\">M</a></li><li><a href=\"javascript:ServerIndex('N');\">N</a></li><li><a href=\"javascript:ServerIndex('O');\">O</a></li><li><a href=\"javascript:ServerIndex('P');\">P</a></li><li><a href=\"javascript:ServerIndex('Q');\">Q</a></li><li><a href=\"javascript:ServerIndex('R');\">R</a></li><li><a href=\"javascript:ServerIndex('S');\">S</a></li><li><a href=\"javascript:ServerIndex('T');\">T</a></li><li><a href=\"javascript:ServerIndex('U');\">U</a></li><li><a href=\"javascript:ServerIndex('V');\">V</a></li><li><a href=\"javascript:ServerIndex('W');\">W</a></li><li><a href=\"javascript:ServerIndex('X');\">X</a></li><li><a href=\"javascript:ServerIndex('Y');\">Y</a></li><li><a href=\"javascript:ServerIndex('Z');\">Z</a></li>";
}
PageLoad();