var GameCode;
var ServerCode;
var ServerList;
var ProductList;
window.onload = function(){GameChange();};
function GameChange()
{
    GameCode = $("#sltGame").val();
    $("#sltServers").append("<option value=''>Loading......</option>");
    $("#sltProducts").append("<option value=''>Loading......</option>");
    $("#tabProducts").append("<tr><td colspan='2'>Loading.....</td></tr>");
    $.get("GoldDispose.aspx",{CMD:"SERVER",GAMECODE:GameCode,TIME:new Date().toLocaleTimeString()},GameChangeCallBack);
}

function GameChangeCallBack(data)
{    
    ServerList = data.toString().split("|"); 
    if(ServerList!=null && ServerList.length>0)
    {
        DisplayServer();        
    }
}

function DisplayServer()
{
    var type = $("#sltServerType").val();
    var temp;
    $("#sltServers").empty();
    for(var i=0;i<ServerList.length-1;i++)
    {
        var server = ServerList[i].toString().split("^");
        if(server.length>0 && type.toString()==server[1].substring(0,1))
        {
            $("#sltServers").append("<option value='"+server[0]+"'>"+server[1]+"</option>");
        }
    }   
    ServerChange();   
}

function ServerTypeChange()
{
    if(ServerList!=null)
        DisplayServer();
    else
        GameChange();
}

function ServerChange()
{
    ServerCode = $("#sltServers").val();
    $("#sltProducts").append("<option value=''>Loading......</option>");
    $("#tabProducts").append("<tr><td colspan='2'>Loading.....</td></tr>");
    $.get("GoldDispose.aspx",{CMD:"PRODUCTS",SERVERCODE:ServerCode,TIME:new Date().toLocaleTimeString()},ServerChangeCallBack);
}

function ServerChangeCallBack(data)
{
    ProductList = data.toString().split("|");
    if(ProductList!=null && ProductList.length>0)
        DisplayProduct();
}

function DisplayProduct()
{
    $("#tabProducts").empty();
    $("#sltProducts").empty();
    var html = "<tr align=\"center\"><th>Name</th><th>Price</th></tr>";
    for(var i=0;i<ProductList.length-1;i++)
    {
        var temp = ProductList[i].split("^");
        if(temp!=null && temp.length>0)
        {
            $("#sltProducts").append("<option value='"+temp[2]+"'>"+temp[0] +" $ "+ temp[1]+"</option>");
            if(i%2==0)
                html += "<tr  align=\"left\" onclick=\"SelectedProduct('"+temp[2]+"');\"  style=\"cursor:pointer\" onmouseover=\"this.style.backgroundColor='#E9F0FF'\" onmouseout=\"this.style.backgroundColor=''\"><td>"+ temp[0] +"</td><td>$ "+ temp[1] +"</td></tr>";
            else
                html += "<tr align=\"left\" onclick=\"SelectedProduct('"+temp[2]+"');\"  style=\"cursor:pointer\" onmouseover=\"this.style.backgroundColor='#E9F0FF'\" onmouseout=\"this.style.backgroundColor=''\"><td>"+ temp[0] +"</td><td>$ "+ temp[1] +"</td></tr>";
        }        
    }
    $("#tabProducts").append(html);
}

function SelectedProduct(guid)
{
    $("#ulGame").attr("style","background-color:#F6F6F6");
    $("#ulGame").hide();    
    $("#ulGame").slideToggle("normal",function(){$("#ulGame").removeAttr("style");});
    $("#tboxFirstName").focus();
    var objselect = document.getElementById("sltProducts");
    for(var i=0;i<objselect.options.length;i++)
    {
      if(objselect.options[i].value == guid)
      {
          try
          {            
            objselect.options[i].selected = true;          
          }
          catch(err)
          {
            objselect.options[i].setAttribute('selected', true);
          }
          break;
      }
    }
    
}