function WorldGoldCurrencyClick(e, current_tab)
{
    if(current_tab == "world")
    {
        document.getElementById("world_left").className = "left_conner_fr";document.getElementById("world_center").className = "center_conner_fr";document.getElementById("world_right").className = "right_conner_fr";
        document.getElementById("gold_left").className = "left_conner_fr_deactive";document.getElementById("gold_center").className = "center_conner_fr_deactive";document.getElementById("gold_right").className = "right_conner_fr_deactive";
        document.getElementById("currency_left").className = "left_conner_fr_deactive";document.getElementById("currency_center").className = "center_conner_fr_deactive";document.getElementById("currency_right").className = "right_conner_fr_deactive";
        document.getElementById("world_detail").style.display = "";document.getElementById("gold_detail").style.display = "none";document.getElementById("currency_detail").style.display = "none";
    }
    else if(current_tab == "gold")
    {
        document.getElementById("world_left").className = "left_conner_fr_deactive";document.getElementById("world_center").className = "center_conner_fr_deactive";document.getElementById("world_right").className = "right_conner_fr_deactive";
        document.getElementById("gold_left").className = "left_conner_fr";document.getElementById("gold_center").className = "center_conner_fr";document.getElementById("gold_right").className = "right_conner_fr";
        document.getElementById("currency_left").className = "left_conner_fr_deactive";document.getElementById("currency_center").className = "center_conner_fr_deactive";document.getElementById("currency_right").className = "right_conner_fr_deactive";
        document.getElementById("world_detail").style.display = "none";document.getElementById("gold_detail").style.display = "";document.getElementById("currency_detail").style.display = "none";
    }
    else if(current_tab == "currency")
    {
        document.getElementById("world_left").className = "left_conner_fr_deactive";document.getElementById("world_center").className = "center_conner_fr_deactive";document.getElementById("world_right").className = "right_conner_fr_deactive";
        document.getElementById("gold_left").className = "left_conner_fr_deactive";document.getElementById("gold_center").className = "center_conner_fr_deactive";document.getElementById("gold_right").className = "right_conner_fr_deactive";
        document.getElementById("currency_left").className = "left_conner_fr";document.getElementById("currency_center").className = "center_conner_fr";document.getElementById("currency_right").className = "right_conner_fr";
        document.getElementById("world_detail").style.display = "none";document.getElementById("gold_detail").style.display = "none";document.getElementById("currency_detail").style.display = "";
    }
}

function ChangeTab(e, tab, chartName)
{
    var subTab = document.getElementById("hdSubTab").value;
    document.getElementById("hdTab").value = tab;

    if(tab == "hose")
    {
        document.getElementById("hose_left").className = "left_conner_fr";document.getElementById("hose_center").className = "center_conner_fr";document.getElementById("hose_right").className = "right_conner_fr";
        document.getElementById("hnx_left").className = "left_conner_fr_deactive";document.getElementById("hnx_center").className = "center_conner_fr_deactive";document.getElementById("hnx_right").className = "right_conner_fr_deactive";
        document.getElementById("upcom_left").className = "left_conner_fr_deactive";document.getElementById("upcom_center").className = "center_conner_fr_deactive";document.getElementById("upcom_right").className = "right_conner_fr_deactive";
        //document.getElementById("imgChart").src = "/uploads/realtime/ho_chart.png?t=" + Math.random();
    }
    else if(tab == "hnx")
    {
        document.getElementById("hose_left").className = "left_conner_fr_deactive";document.getElementById("hose_center").className = "center_conner_fr_deactive";document.getElementById("hose_right").className = "right_conner_fr_deactive";
        document.getElementById("hnx_left").className = "left_conner_fr";document.getElementById("hnx_center").className = "center_conner_fr";document.getElementById("hnx_right").className = "right_conner_fr";
        document.getElementById("upcom_left").className = "left_conner_fr_deactive";document.getElementById("upcom_center").className = "center_conner_fr_deactive";document.getElementById("upcom_right").className = "right_conner_fr_deactive";
        //document.getElementById("imgChart").src = "/uploads/realtime/hn_chart.png?t=" + Math.random();
    }
    else if(tab == "upcom")
    {
        document.getElementById("hose_left").className = "left_conner_fr_deactive";document.getElementById("hose_center").className = "center_conner_fr_deactive";document.getElementById("hose_right").className = "right_conner_fr_deactive";
        document.getElementById("hnx_left").className = "left_conner_fr_deactive";document.getElementById("hnx_center").className = "center_conner_fr_deactive";document.getElementById("hnx_right").className = "right_conner_fr_deactive";
        document.getElementById("upcom_left").className = "left_conner_fr";document.getElementById("upcom_center").className = "center_conner_fr";document.getElementById("upcom_right").className = "right_conner_fr";
        //document.getElementById("imgChart").src = "/uploads/realtime/up_chart.png?t=" + Math.random();
    }
    
    document.getElementById("imgChart").src = "/uploads/realtime/" + chartName + "?t=" + Math.random();
    SwitchType(tab, subTab)
}

function ChangeSubTab(e, subTab)
{
    var tab = document.getElementById("hdTab").value;
    document.getElementById("hdSubTab").value = subTab;

    if(subTab == "up")
    {
        document.getElementById("up_left").className = "left_conner_fl";document.getElementById("up_center").className = "center_conner_fl";document.getElementById("up_right").className = "right_conner_fl";
        document.getElementById("down_left").className = "left_conner_fl_deactive";document.getElementById("down_center").className = "center_conner_fl_deactive";document.getElementById("down_right").className = "right_conner_fl_deactive";
        document.getElementById("match_left").className = "left_conner_fl_deactive";document.getElementById("match_center").className = "center_conner_fl_deactive";document.getElementById("match_right").className = "right_conner_fl_deactive";
    }
    else if(subTab == "down")
    {
        document.getElementById("up_left").className = "left_conner_fl_deactive";document.getElementById("up_center").className = "center_conner_fl_deactive";document.getElementById("up_right").className = "right_conner_fl_deactive";
        document.getElementById("down_left").className = "left_conner_fl";document.getElementById("down_center").className = "center_conner_fl";document.getElementById("down_right").className = "right_conner_fl";
        document.getElementById("match_left").className = "left_conner_fl_deactive";document.getElementById("match_center").className = "center_conner_fl_deactive";document.getElementById("match_right").className = "right_conner_fl_deactive";
    }
    else if(subTab == "match")
    {
        document.getElementById("up_left").className = "left_conner_fl_deactive";document.getElementById("up_center").className = "center_conner_fl_deactive";document.getElementById("up_right").className = "right_conner_fl_deactive";
        document.getElementById("down_left").className = "left_conner_fl_deactive";document.getElementById("down_center").className = "center_conner_fl_deactive";document.getElementById("down_right").className = "right_conner_fl_deactive";
        document.getElementById("match_left").className = "left_conner_fl";document.getElementById("match_center").className = "center_conner_fl";document.getElementById("match_right").className = "right_conner_fl";
    }
    
    SwitchType(tab, subTab)
}

function SwitchType(objTabActive, objTypeActive)
{
    var objTabDeactive1, objTabDeactive2, objTypeDeactive1, objTypeDeactive2;
    
    if(objTabActive == "hose"){objTabDeactive1 = "hnx"; objTabDeactive2 = "upcom";}
    else if(objTabActive == "hnx"){objTabDeactive1 = "hose"; objTabDeactive2 = "upcom";}
    else if(objTabActive == "upcom"){objTabDeactive1 = "hose"; objTabDeactive2 = "hnx";}
    
    if(objTypeActive == "up"){objTypeDeactive1 = "down"; objTypeDeactive2 = "match";}
    else if(objTypeActive == "down"){objTypeDeactive1 = "up"; objTypeDeactive2 = "match";}
    else if(objTypeActive == "match"){objTypeDeactive1 = "up"; objTypeDeactive2 = "down";}

    document.getElementById("div_" + objTabActive + "_" + objTypeActive).style.display = "";
    document.getElementById("div_" + objTabActive + "_" + objTypeDeactive1).style.display = "none";
    document.getElementById("div_" + objTabActive + "_" + objTypeDeactive2).style.display = "none";
    
    document.getElementById("div_" + objTabDeactive1 + "_" + objTypeActive).style.display = "none";
    document.getElementById("div_" + objTabDeactive1 + "_" + objTypeDeactive1).style.display = "none";
    document.getElementById("div_" + objTabDeactive1 + "_" + objTypeDeactive2).style.display = "none";
    
    document.getElementById("div_" + objTabDeactive2 + "_" + objTypeActive).style.display = "none";
    document.getElementById("div_" + objTabDeactive2 + "_" + objTypeDeactive1).style.display = "none";
    document.getElementById("div_" + objTabDeactive2 + "_" + objTypeDeactive2).style.display = "none";
}