var divGame;
 var divServer ;
 var divProduct;
 var ulGame;
 window.onload=function(){
        
         divGame = document.getElementById('div_game');
         divServer = document.getElementById('div_server');
         divProduct = document.getElementById('div_product');
         ulGame = document.getElementById("ul_game");
 
        var fgold = document.getElementById("fgold");
        if(document.getElementById("EUR"))
            document.getElementById("EUR").className="red";

        //没有选择服务器时，左边的金币列表显示图片
        var proList =  document.getElementById("productList");
        if(proList)
            proList.innerHTML="<img src='/images/gold_pro_list_bg.jpg' />";
        
         //首次加载显示相应传递过来的游戏名
         if(document.getElementById("divGame") && document.getElementById("input_NameEN"))
            document.getElementById("divGame").innerHTML = document.getElementById("input_NameEN").value;
         
         
       //加载游戏列表 
        divGamesGet();
        LoadServer();
    }
    //货币类型改变
    var currencyCode="EUR";
    function currencyChange(code,a)
    {
        var fgold = document.getElementById("fgold");
        a.className = "red";
        if(document.getElementById(currencyCode))
        {   
            document.getElementById(currencyCode).className="";
            currencyCode=a.id;
        } 
        fgold.currency.value=code;
        //下拉框中价格改变
        priceListGets(true,true);
        
        
    }
  //字符窜拆分获取价格
 function getPriceFromString(str)
 {
        var index = str.indexOf("/");
        var name = str.substring(0,index);
        var price = str.substring(index+1);
        return price;
 }
 //显示游戏列表
function showGame()
{
    if(divServer)divServer.style.display="none";
     if(divProduct)divProduct.style.display="none";
    if(divGame.style.display=="none")
        divGame.style.display="block";
    else
        divGame.style.display="none";

}
//显示服务器列表
function showServer()
{
    divGame.style.display="none";
    divProduct.style.display="none";
    if(divServer.style.display=="none")
        divServer.style.display="block";
    else
        divServer.style.display="none";
     //显示服务器列表
    divServersGet();
}
//显示产品列表
function showProduct()
{
    divServer.style.display="none";
    divGame.style.display="none";
    if(divProduct.style.display=="none")
        divProduct.style.display="block";
    else
        divProduct.style.display="none";
}
//填充游戏
function divGamesGet()
{
    xmlhttpPost('/common/ajax.html?gamelist', function(q) {
        if (q == '') { return; }
        var s = q.split('@@');
        var text = '', text1 = "<li>", text2 = "</li>";
        for (var i = 0; i < s.length; i++) {
  
            var ss = s[i].split('@');
            if (ss.length != 2) continue;
            //构造div显示游戏列表
            text += "<span id=\"" + ss[0] + "\" onclick=\"gameValueChange(this)\">" + ss[1] + "</span>"
          
            if ((i + 1) % 3 == 0) {
                ulGame.innerHTML += text1 + text + text2;
                text = "";
            }
            if ((i + 1) == s.length - 1 && (i + 1) % 3 != 0) {

                ulGame.innerHTML += text1 + text + text2;
                text = "";
            }
        }
    }, null);
    
}

////填充服务器
function divServersGet()
{
    var serverList = new Array();
    var input_game = document.getElementById("input_game");
    var b = document.getElementById("b");
    var be = (b && b.value) ? be=b.value.trim() :"A";
    xmlhttpPost('/common/ajax.html?serverlist', function(q) {
        if (q == '') { return; }
        var s = q.split('@@'); 
        for (var i = 0,d=0; i < s.length; i++) {
            var ss = s[i].split('@');
            if (ss.length != 2) continue;
            if(s.length>30)
            {
                var serverName = ss[1].trim();
                var firstName = serverName.substring(0,1);
                if(firstName.trim() == be)
                { 
                    serverList[d++] = s[i];
                } 
            }
            else
            {
                serverList[d++] = s[i];
            }
         }
         if(serverList.length > 0){ selectServers(serverList);}
    }, 'game=' + escape(input_game.value));
}
//根据服务器开头A,B,C..分类
function selectServers(list)
{
    var ulServer = document.getElementById("ul_server");
    ulServer.innerHTML="";
    var text='',text1="<li>",text2="</li>"; 
    for (var i = 0; i < list.length; i++) {
        var ss = list[i].split('@');
        if (ss.length != 2) continue;
        //构造div显示游戏列表
        text+="<span id="+ss[0]+" onclick='serverValueChange(this)'>"+ss[1]+"</span>"
        if( (i+1)%6==0 )
        {
            ulServer.innerHTML+=text1+text+text2;
            text="";
        }
        
        if((i+1)==list.length && (i+1)%6!=0)
        {
            ulServer.innerHTML+=text1+text+text2;
            text="";
        }
     }
    
}
//填充产品
function divProductGet()
{
    var input_game = document.getElementById("input_game");
    xmlhttpPost('/common/ajax.html?productlist', function(q) {
        if (q == '') { return; }
        var s = q.split('@@'); 
        var ulProduct = document.getElementById("ul_product");
        ulProduct.innerHTML="";
        for (var i = 0; i < s.length; i++) {
            var ss = s[i].split('@');
            if (ss.length != 2) continue;
            //构造div显示游戏列表
            ulProduct.innerHTML+="<li id="+ss[0]+" onclick='productValueChange(this)'>"+ss[1]+"</li>";
         }
        priceListGet(false); 
    }, 'game=' + escape(input_game.value));
   
}
//左边金币列表的展示
function productListGet()
{
        var f = document.getElementById("fgold");
        var proList = document.getElementById("productList");
        if( !proList)return;
        var ulProduct = document.getElementById("ul_product");
        proList.innerHTML="";
        var list = ulProduct.childNodes;
        for(var i=0;i<list.length;i++)
        {
            var str = list[i].innerHTML;
            var index = str.indexOf("/");
            var name = str.substring(0,index);
            var price = str.substring(index+1);
            
            var html = "<li id='"+list[i].id+"' onclick='changeColor(this.id)' onmouseover=\"javascript:this.backgroundColor='#FCFEB7'\" onmouseout=\"javascript:this.backgroundColor=''\">";
            if(name.length>6)
                html+='<div class=\"gold_box_G\"> '+name.substring(0,name.indexOf(' '))+'<br/>'+name.substring(name.indexOf(' ')+1)+' </div>';
            else
                html+='<div class=\"gold_box_G\"> '+name+' </div>';
            html+="<p class=\"red\">"+price+"</p>";
            html+="</li>";
            proList.innerHTML+=html;
            if(i==0 && document.getElementById("input_product").value==''){document.getElementById("input_product").value=list[i].id;changeColor(list[i].id);changePrice(document.getElementById("input_product").value);}
        }
        // return back and select the product
        var pro = document.getElementById("input_product").value;
        changeColor(pro);
}
//修改左边金币价格
function productListPriceChange()
{
     var ulProduct = document.getElementById("ul_product");
    var proList = document.getElementById("productList");
     if( !ulProduct)return;
    var ulproductcode=document.getElementById("input_product");
    for(var i=0;i<ulProduct.childNodes.length;i++)
    {
        var str = ulProduct.childNodes[i].innerHTML;
        var index = str.indexOf("/");
        var price = str.substring(index+1);
        if(proList) proList.childNodes[i].childNodes[1].innerHTML=price;
         if(ulproductcode.value==ulProduct.childNodes[i].id)
         {
               document.getElementById("divProduct").innerHTML=str;
               if(document.getElementById("price"))
               document.getElementById("price").value=price;
         }
    }
}
//样式切换
function changeColor(id)
{
    //改变下拉框价格，文本款价格
    changePrice(id);
    var proList = document.getElementById("productList");
    if( !proList)return;
    var nodes = proList.childNodes;
    for(var i = 0;i<nodes.length;i++)
    {
        var node = nodes[i];
        if( id == node.id)
        {
            if(!node.getElementsByTagName("p")[0])return;
            node.style.cssText = "background-color:#fcfeb7";
            var price = node.getElementsByTagName("p")[0].innerHTML;
            document.getElementById("fgold").price.value=price;
            document.getElementById("input_product").value = id;
        }
        else
        {
            node.style.cssText = "";
        }
    }
    
}
 //改变下拉框价格，文本款价格
function changePrice(id)
{
    var ulProduct = document.getElementById("ul_product");
    var childNodes = ulProduct.childNodes;
    for( var i=0;i<childNodes.length;i++)
    {
        var node = childNodes[i];
        if(node.id == id)
        {   
            var d =document.getElementById("divProduct");
            d.innerHTML=node.innerHTML;
            var text = d.innerHTML;
            var index = text.indexOf("/");
            var price = text.substring(index+1).trim();
            document.getElementById("fgold").price.value=price;
        }
    }
}



//下拉产品价格列表

function priceListGet(isChange)
{
   priceListGets(isChange,false);
}

function priceListGets(isChange,iscurrency)
{
    var ulProduct = document.getElementById("ul_product");
    var nodes = ulProduct.childNodes;
    if( !nodes )return;
    var f = document.getElementById("fgold");
    var server = f.input_server.value;
    var currency = f.currency.value;
     if (server == '' && f == '' && currency == '') {   
        return;
    }
    xmlhttpPost('/common/ajax.html?gold.product.pricelist', function(q) {
        if( q == "" )return;
        var s = q.split('@@');
        for(var i=0;i<s.length;i++)
        { 
            var ss = s[i].split('@');
            if(ss.length != 2)continue;
            if(nodes[i].id == ss[0])
            {
                if(!isChange)
                { 
                    nodes[i].innerHTML=nodes[i].innerHTML+" / "+  ss[1];
                }
                else
                { 
                    var str = nodes[i].innerHTML;
                    var index = str.indexOf("/");
                    var name = str.substring(0,index);
                    nodes[i].innerHTML=name.trim()+" / "+ss[1];
                }
            }
        } 
        if(iscurrency)
          productListPriceChange();
        else
       productListGet(); 
    }, 'server=' + escape(server) +'&currency=' + escape(currency));
}

//游戏改变
function gameValueChange(d)
{
    var divGame = document.getElementById("divGame");
    document.getElementById("input_game").value=d.id;
    document.getElementById("input_product").value='';
    divGame.innerHTML=d.innerHTML;
    showGame();
    //改变游戏的时候，初始化
    init();
    //显示服务器列表
    divServersGet();
}
//初始化
function init()
{
    document.getElementById("divGame").style.color="";
    
    document.getElementById("divServer").innerHTML="";
    document.getElementById("divProduct").innerHTML="";
     var proList =  document.getElementById("productList");
     if(proList)
            proList.innerHTML="<img src='/images/gold_pro_list_bg.jpg' />";
}
//服务器改变
function serverValueChange(d)
{
    showServer();
    //the same server ,don't get data
    if(document.getElementById("input_server").value==d.id)return;
    document.getElementById("input_server").value=d.id;
    if(document.getElementById("productList"))
        document.getElementById("productList").innerHTML = "<img src='/images/gold_pro_list_bg.jpg' />";
    document.getElementById("ul_product").innerHTML="";
    var divServer = document.getElementById("divServer");
    divServer.innerHTML=d.innerHTML;
    document.getElementById("input_servername").value=d.innerHTML;
    document.getElementById("input_product").value
    divProductGet();
}

function LoadServer()
{
     var server=document.getElementById("input_server");
     if(server.value!="")
     {
        document.getElementById("divServer").innerHTML=document.getElementById("input_servername").value;
        divProductGet();
     }
}

function productValueChange1(d)
{
    var divProduct = document.getElementById("divProduct");
    document.getElementById("input_product").value=d.id;
    divProduct.innerHTML=d.innerHTML;
    //在文本框中显示价格
    var text = d.innerHTML;
    var index = text.indexOf("/");
    var price = text.substring(index+1).trim();
    document.getElementById("fgold").price.value=price;
}
//产品改变
function productValueChange(d)
{
    productValueChange1(d);
    //左边的产品的修改
    changeColor(d.id);
    showProduct();
}

//关闭层
function closeDiv(id)
{
    document.getElementById(id).style.display="none";
}