function ShowMarketInfo(csvData) {
    if ((csvData == null) || (csvData.length <= 1)) { return; }
    var marketInfoArray = csvData.split('|');
    if (marketInfoArray.length < 1) { return; }
    var view = new StringBuilder();
    view.append(MarketInfoTableHeader());
    for (var i = 0; i < marketInfoArray.length; i++) {
        var data = marketInfoArray[i];
        if (data.length > 0) {
            var f = data.split(',');
            if (f.length >= 11) {
                if (i == 0) {
                    ShowMarketStatus(f[1]);
                }

                if (f[2] == 0) f[2] = "";
                var flF4_IChange = parseFloat(f[4]);
                var flF5_IChangePCT = parseFloat(f[5]);
                var Arrow = "";
                var SignalClass = "";
                if (flF4_IChange > 0) {
                    Arrow = "▲";
                    SignalClass = "Inc2";
                    f[4] = "+" + f[4];
                    f[5] = "+" + f[5];
                }
                else if (flF4_IChange < 0) {
                    Arrow = "▼";
                    SignalClass = "Dec2";
                }
                else {
                    Arrow = "&nbsp;";
                    SignalClass = "RefPrice3";
                }

                view.append("<tr>");
                view.append("<td style='width:  7%; text-align: right;'>" + langTxt.Txt_TradeAmount + "&nbsp;</td>");
                view.append("<td style='width:  6%; text-align: left;'>" + f[2] + "</td>");
                view.append("<td style='width: 6%; text-align: right;'>" + MarketId2IndexSymbol(f[0]) + ":</td>");
                view.append("<td style='width:  5%; text-align: right;'><font class='" + SignalClass + "'>" + f[3] + "</font></td>");
                view.append("<td style='width:  5%; text-align: right;'><font class='" + SignalClass + "'>" + f[4] + "</font></td>");
                view.append("<td style='width:  8%; text-align: right;'><font class='" + SignalClass + "'>" + Arrow + f[5] + "%</font></td>");
                view.append("<td style='width: 14%; text-align: right;'>" + langTxt.Txt_TotalTradeVolume + "&nbsp;</td>");
                view.append("<td style='width: 12%; text-align: left;'>" + formatKSeperator(f[6]) + "</td>");
                view.append("<td style='width: 10%; text-align: right;'>" + langTxt.Txt_TotalTradeValue + "&nbsp;</td>");
                view.append("<td style='width: 13%; text-align: left;'>" + formatKSeperator(f[7]) + "</td>");
                view.append("<td style='width:  4%; text-align: left;'><font class='Inc2'>▲" + f[8] + "</font></td>");
                view.append("<td style='width:  5%; text-align: left;'><font class='Dec2'>▼" + f[9] + "</font></td>");
                view.append("<td style='width:  5%; text-align: left;'><font class='RefPrice3'>■" + f[10] + "</font></td>");
                view.append("</tr>");
            }
        }
    }
    view.append("</table>");
    document.getElementById("divMarketInfo").innerHTML = view.toString();

}

function MarketInfoTableHeader() {
    var s = new StringBuilder();

    s.append("<table id='tableMarketInfo' border='0' cellpadding='0' cellspacing='0' class='marketinfo' style='width:100%;'>");
    return s.toString();
}

function ShowMarketStatus(status) {
    switch (status) {
        case '1':
            document.getElementById("spanMarketStatus").innerHTML = langTxt.Txt_MrkStat_S1Period;
            break;
        case '2':
            document.getElementById("spanMarketStatus").innerHTML = langTxt.Txt_MrkStat_S2ContMatch;
            break;
        case '3':
            document.getElementById("spanMarketStatus").innerHTML = langTxt.Txt_MrkStat_S3Period;
            break;
        case '4':
            document.getElementById("spanMarketStatus").innerHTML = langTxt.Txt_MrkStat_S4Negotiate;
            break;
        case '5':
            document.getElementById("spanMarketStatus").innerHTML = langTxt.Txt_MrkStat_Close;
            break;
        default:
            document.getElementById("spanMarketStatus").innerHTML = langTxt.Txt_MrkStat_Close;
    }
}

function MarketId2IndexSymbol(marketID) {
    if (marketID == 1) { return "VN&nbsp;Index"; }
    if (marketID == 2) { return "HNX&nbsp;Index"; }
    if (marketID == 3) { return "UPCOM&nbsp;Index"; }
    if (marketID == 4) { return "VN30&nbsp;Index"; }
}