﻿// JScript File
function GetPrice()
{
    xPrice = CreateXMLHttpRequest();
    window.clearTimeout(intPrice);
    var url = "Process.aspx?Type=S&Page=" + vpage;
    GetData(xPrice, url, ShowPrice);
}
function ShowPrice()
{
    if (xPrice.readyState == 4)
    {
        if(xPrice.status == 200)
        {
            if (xPrice.responseText.length <= 0) {intPrice = setTimeout('GetPrice()', Time2Refresh); return;}
            var ar = xPrice.responseText.split('^');
            var info = ar[0].split(':');            
            var data = ar[1].split('|');
            ShowInfo(info);
            if (data.length <= 0){intPrice = setTimeout('GetPrice()', Time2Refresh); return;}
            else
            {
                ShowFilterList(data);
                ShowData(data);
            }
            counter += 1;
            window.status = "Loaded " + counter + " times.";
            intPrice = setTimeout('GetPrice()', Time2Refresh);
        }
        else
        {
            counter += 1;
            window.status = "Loaded" + counter;
            intPrice = setTimeout('GetPrice()', Time2Refresh);
        }
    }
}
//Hiển trang header trên đầu, VNIndex,...
function ShowInfo(info)
{
    SessionID = parseInt(info[0]);

    if (info[2] == "" || info[2] == "0")
    {
        document.getElementById("VNIndex").innerHTML = "VN Index : <font color='Blue'>" + info[1] + "</font>";
        
        document.getElementById("VNIndexChange").innerHTML = "0";
        document.getElementById("VNIndexChangePercent").innerHTML = "0%";
    }else
    {
        document.getElementById("VNIndex").innerHTML = (parseFloat(info[2])>0?"VN Index : <font color='Blue'>":"VN Index : <font color='Red'>") + info[1] + "</font>";
        document.getElementById("VNIndexChange").innerHTML = (parseFloat(info[2])>0?"<font color='Blue'>":"<font color='Red'>") + info[2] + "</font>";
        document.getElementById("VNIndexChangePercent").innerHTML = (parseFloat(info[2])>0?"<font color='Blue'>▲+":"<font color='Red'>▼") + info[6] + "</font>";
    }
    document.getElementById("TotalShares").innerHTML = info[3]==""?"0":info[3];
    document.getElementById("TotalValues").innerHTML = info[4]==""?"0":info[4];
    document.getElementById("TotalTrade").innerHTML = info[5]==""?"0":info[5];
    UpdateMarketStatus();
}

function UpdateMarketStatus()
{
    switch(SessionID)
    {
        case 1:
            document.getElementById("MarketStatus").innerHTML = langTxt.Txt_MrkStat_S1Period;
            break;
        case 2:
            document.getElementById("MarketStatus").innerHTML = langTxt.Txt_MrkStat_S2ContMatch;
            break;
        case 3:
            document.getElementById("MarketStatus").innerHTML = langTxt.Txt_MrkStat_S3Period;
            break;
        case 4:
            document.getElementById("MarketStatus").innerHTML = langTxt.Txt_MrkStat_S4Negotiate;
            break;
        case 5:
            document.getElementById("MarketStatus").innerHTML = langTxt.Txt_MrkStat_S5Close;
            break;
    }
}

function showTime()
	{
		var Digital=new Date();
		var year=Digital.getFullYear();
		var month=Digital.getMonth() + 1;
		var day=Digital.getDate();
		var hours=Digital.getHours();
		var minutes=Digital.getMinutes();
		var seconds=Digital.getSeconds();
		var dn = "AM";
		if (hours >= 12)
		{
		    dn = "PM";
		}
		if (hours > 12)
		{
			hours = hours - 12
		}
		if (hours == 0)
			hours = 12
		if (minutes<=9)
			minutes="0"+minutes
		if (seconds<=9)
			seconds="0"+seconds			
		document.getElementById("MarketTime").innerHTML=
		hours+":"+minutes+":"+seconds+" "+dn+" "+year+"-"+month+"-"+day;		
		
		setTimeout("showTime()",1000);
}

function FloatTableHeader()
{
     var s = new StringBuilder();
     s.append(document.getElementById("divBanner").innerHTML);

     s.append("<table id='ftb' class='datalist' cellpadding='0'" + setWidthByTdOffsetWidth("tb") + ">");
     s.append("<tr align='center' nowrap='nowrap'>");
     s.append("<td id='fhdrNo' class='HCol01' rowspan='2'" + setWidthByTdOffsetWidth("hdrNo") + ">" + langTxt.Txt_TblCol_No + "</td>");
     s.append("<td id='fhdrSbl' class='HCol02' rowspan='2' " + setWidthByTdOffsetWidth("hdrSbl") + ">" + langTxt.Txt_TblCol_StockSymbol + "</td>");
     s.append("<td id='fhdrRef' class='HCol03' rowspan='2'" + setWidthByTdOffsetWidth("hdrRef") + ">" + langTxt.Txt_TblCol_Ref + "</td>");
     s.append("<td id='fhdrFl' class='HCol04' rowspan='2'" + setWidthByTdOffsetWidth("hdrFl") + ">" + langTxt.Txt_TblCol_Ceil + "</td>");
     s.append("<td id='fhdrCe' class='HCol05' rowspan='2'" + setWidthByTdOffsetWidth("hdrCe") + ">" + langTxt.Txt_TblCol_Floor + "</td>");
     s.append("<td id='fhdrFroom' class='HCol06' rowspan='2'" + setWidthByTdOffsetWidth("hdrFroom") + ">" + langTxt.Txt_TblCol_FRoom + "</td>");
     s.append("<td id='fhdrFroomDev' class='HCol06' rowspan='2'" + setWidthByTdOffsetWidth("hdrFroomDev") + ">" + langTxt.Txt_TblCol_FRoomDev + "</td>");

     if (SessionID == 2)
     {
         s.append("<td id='fhdrSession1' class='HCol08' colspan='2'" + setWidthByTdOffsetWidth("hdrSession1") + ">" + langTxt.Txt_TblCol_Session1 + "</td>");
         s.append("<td id='fhdrPrice' class='HCol09' colspan='2'" + setWidthByTdOffsetWidth("hdrPrice") + ">" + langTxt.Txt_TblCol_Price + "</td>");
     }
     
     if (SessionID == 3)
     {
        s.append("<td id='fhdrSession1' class='HCol08' colspan='2'" + setWidthByTdOffsetWidth("hdrSession1") + ">" + langTxt.Txt_TblCol_Session1 + "</td>");
        s.append("<td id='fhdrSession2' class='HCol09' colspan='2'" + setWidthByTdOffsetWidth("hdrSession2") + ">" + langTxt.Txt_TblCol_Session2 + "</td>");
     }
     
     if (SessionID ==2) s.append("<td id='fhdrBid' class='HCol07' colspan='6'" + setWidthByTdOffsetWidth("hdrBid") + ">" + langTxt.Txt_TblCol_BidEx + "</td>");
     else s.append("<td id='fhdrBid' class='HCol07' colspan='6'" + setWidthByTdOffsetWidth("hdrBid") + ">" + langTxt.Txt_TblCol_Bid + "</td>");
     
     if (SessionID >= 4)
     {
         s.append("<td id='fhdrSession1' class='HCol08' colspan='2'" + setWidthByTdOffsetWidth("hdrSession1") + ">" + langTxt.Txt_TblCol_Session1 + "</td>");
         s.append("<td id='fhdrSession2' class='HCol09' colspan='2'" + setWidthByTdOffsetWidth("hdrSession2") + ">" + langTxt.Txt_TblCol_Session2 + "</td>");
         s.append("<td id='fhdrSession3' class='HCol10' colspan='3'" + setWidthByTdOffsetWidth("hdrSession3") + ">" + langTxt.Txt_TblCol_Session3 + "</td>");
     }
     else
     {
        s.append("<td id='fhdrMatchPrice' class='HCol08' rowspan='2'" + setWidthByTdOffsetWidth("hdrMatchPrice") + ">" + langTxt.Txt_TblCol_TempMatchPrice + "</td>");
        s.append("<td id='fhdrChange' class='HCol09' rowspan='2'" + setWidthByTdOffsetWidth("hdrChange") + ">" + langTxt.Txt_TblCol_Change + "</td>");
        s.append("<td id='fhdrMatchVol' class='HCol10' rowspan='2'" + setWidthByTdOffsetWidth("hdrMatchVol") + ">" + langTxt.Txt_TblCol_MatchVol + "</td>");
     }

     if (SessionID == 2) s.append("<td id='fhdrOffer' class='HCol11' colspan='6'" + setWidthByTdOffsetWidth("hdrOffer") + ">" + langTxt.Txt_TblCol_OfferEx + "</td>");
     else s.append("<td id='fhdrOffer' class='HCol11' colspan='6'" + setWidthByTdOffsetWidth("hdrOffer") + ">" + langTxt.Txt_TblCol_Offer + "</td>");
     
     //Second row
     s.append("<tr align='center' nowrap='nowrap'>");
     if (SessionID == 2)
     {
        s.append("<td id='fhdrPriceBeginS2' class='HCol08S1'" + setWidthByTdOffsetWidth("hdrPriceBeginS2") + ">" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='fhdrVolBeginS2' class='HCol08S1'" + setWidthByTdOffsetWidth("hdrVolBeginS2") + ">" + langTxt.Txt_TblCol_Vol + "</td>");
        s.append("<td id='fhdrHigh' class='HCol09S1'" + setWidthByTdOffsetWidth("hdrHigh") + ">" + langTxt.Txt_TblCol_High + "</td>");
        s.append("<td id='fhdrLow' class='HCol09S1'" + setWidthByTdOffsetWidth("hdrLow") + ">" + langTxt.Txt_TblCol_Low + "</td>");
     }
     if (SessionID == 3)
     {
        s.append("<td id='fhdrPriceBeginS2' class='HCol08S1'" + setWidthByTdOffsetWidth("hdrPriceBeginS2") + ">" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='fhdrVolBeginS2' class='HCol08S1'" + setWidthByTdOffsetWidth("hdrVolBeginS2") + ">" + langTxt.Txt_TblCol_Vol + "</td>");
         s.append("<td id='fhdrPriceNow' class='HCol09S1'" + setWidthByTdOffsetWidth("hdrPriceNow") + ">" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='fhdrVolNow' class='HCol09S1'" + setWidthByTdOffsetWidth("hdrVolNow") + ">" + langTxt.Txt_TblCol_Vol + "</td>");
     }
     s.append("<td id='fhdrBidPrice3' class='HCol07S1'" + setWidthByTdOffsetWidth("hdrBidPrice3") + ">" + langTxt.Txt_TblCol_Price3 + "</td>");
     s.append("<td id='fhdrBidVol3' class='HCol07S1'" + setWidthByTdOffsetWidth("hdrBidVol3") + ">" + langTxt.Txt_TblCol_Vol3 + "</td>");
     s.append("<td id='fhdrBidPrice2' class='HCol07S1'" + setWidthByTdOffsetWidth("hdrBidPrice2") + ">" + langTxt.Txt_TblCol_Price2 + "</td>");
     s.append("<td id='fhdrBidVol2' class='HCol07S1'" + setWidthByTdOffsetWidth("hdrBidVol2") + ">" + langTxt.Txt_TblCol_Vol2 + "</td>");
     s.append("<td id='fhdrBidPrice1' class='HCol07S1'" + setWidthByTdOffsetWidth("hdrBidPrice1") + ">" + langTxt.Txt_TblCol_Price1 + "</td>");
     s.append("<td id='fhdrBidVol1' class='HCol07S1'" + setWidthByTdOffsetWidth("hdrBidVol1") + ">" + langTxt.Txt_TblCol_Vol1 + "</td>");
     
     if (SessionID >= 4){
        s.append("<td id='fhdrPrice1' class='HCol08S1'" + setWidthByTdOffsetWidth("hdrPrice1") + ">" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='fhdrVol1' class='HCol08S1'" + setWidthByTdOffsetWidth("hdrVol1") + ">" + langTxt.Txt_TblCol_Vol + "</td>");
         s.append("<td id='fhdrPrice2' class='HCol09S1'" + setWidthByTdOffsetWidth("hdrPrice2") + ">" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='fhdrVol2' class='HCol09S1'" + setWidthByTdOffsetWidth("hdrVol2") + ">" + langTxt.Txt_TblCol_Vol + "</td>");
        s.append("<td id='fhdrPrice3' class='HCol10S1'" + setWidthByTdOffsetWidth("hdrPrice3") + ">" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='fhdrChange' class='HCol10S1'" + setWidthByTdOffsetWidth("hdrChange") + ">" + langTxt.Txt_TblCol_Change + "</td>");
        s.append("<td id='fhdrVol3' class='HCol10S1'" + setWidthByTdOffsetWidth("hdrVol3") + ">" + langTxt.Txt_TblCol_Vol + "</td>");
     }
     s.append("<td id='fhdrOfferPrice1' class='HCol11S1'" + setWidthByTdOffsetWidth("hdrOfferPrice1") + ">" + langTxt.Txt_TblCol_Price1 + "</td>");
     s.append("<td id='fhdrOfferVol1' class='HCol11S1'" + setWidthByTdOffsetWidth("hdrOfferVol1") + ">" + langTxt.Txt_TblCol_Vol1 + "</td>");
     s.append("<td id='fhdrOfferPrice2' class='HCol11S1'" + setWidthByTdOffsetWidth("hdrOfferPrice2") + ">" + langTxt.Txt_TblCol_Price2 + "</td>");
     s.append("<td id='fhdrOfferVol2' class='HCol11S1'" + setWidthByTdOffsetWidth("hdrOfferVol2") + ">" + langTxt.Txt_TblCol_Vol2 + "</td>");
     s.append("<td id='fhdrOfferPrice3' class='HCol11S1'" + setWidthByTdOffsetWidth("hdrOfferPrice3") + ">" + langTxt.Txt_TblCol_Price3 + "</td>");
     s.append("<td id='fhdrOfferVol3' class='HCol11S1'" + setWidthByTdOffsetWidth("hdrOfferVol3") + ">" + langTxt.Txt_TblCol_Vol3 + "</td></tr>");

     s.append("</table>");
     var sFloatHeader = s.toString();
     if (HeaderHtml != sFloatHeader)
     {
         HeaderHtml = sFloatHeader
         document.getElementById("divFloatHeader").style.top = -200;
         document.getElementById("divFloatHeader").innerHTML = HeaderHtml;
     }
     return s.toString();  
}

function TableHeader()
{
     var s = new StringBuilder();
     var fhdr = new StringBuilder();

     s.append("<table id='tb' class='datalist' cellpadding='0'>");
     s.append("<tr align='center' nowrap='nowrap'>");
     s.append("<td id='hdrNo' class='HCol01' rowspan='2' width='1%'>" + langTxt.Txt_TblCol_No + "</td>");
     s.append("<td id='hdrSbl' class='HCol02' rowspan='2' width='1%' colspan='2'>" + langTxt.Txt_TblCol_StockSymbol + "</td>");
     s.append("<td id='hdrRef' class='HCol03' rowspan='2' width='2%'>" + langTxt.Txt_TblCol_Ref + "</td>");
     s.append("<td id='hdrFl' class='HCol04' rowspan='2' width='2%'>" + langTxt.Txt_TblCol_Ceil + "</td>");
     s.append("<td id='hdrCe' class='HCol05' rowspan='2' width='2%'>" + langTxt.Txt_TblCol_Floor + "</td>");
     s.append("<td id='hdrFroom' class='HCol06' rowspan=2 width='4%'>" + langTxt.Txt_TblCol_FRoom + "</td>");
     s.append("<td id='hdrFroomDev' class='HCol06' rowspan=2 width='2%'>" + langTxt.Txt_TblCol_FRoomDev + "</td>");

     if (SessionID == 2)
     {
         s.append("<td id='hdrSession1' class='HCol08' colspan='2'>" + langTxt.Txt_TblCol_Session1 + "</td>");
         s.append("<td id='hdrPrice' class='HCol09' colspan='2'>" + langTxt.Txt_TblCol_Price + "</td>");
     }
     
     if (SessionID == 3)
     {
        s.append("<td id='hdrSession1' class='HCol08' colspan='2'>" + langTxt.Txt_TblCol_Session1 + "</td>");
        s.append("<td id='hdrSession2' class='HCol09' colspan='2'>" + langTxt.Txt_TblCol_Session2 + "</td>");
     }
     
     if (SessionID ==2) s.append("<td id='hdrBid' class='HCol07' colspan='6'>" + langTxt.Txt_TblCol_BidEx + "</td>");
     else s.append("<td id='hdrBid' class='HCol07' colspan='6'>" + langTxt.Txt_TblCol_Bid + "</td>");
     
     if (SessionID >= 4)
     {
         s.append("<td id='hdrSession1' class='HCol08' colspan='2'>" + langTxt.Txt_TblCol_Session1 + "</td>");
         s.append("<td id='hdrSession2' class='HCol09' colspan='2'>" + langTxt.Txt_TblCol_Session2 + "</td>");
         s.append("<td id='hdrSession3' class='HCol10' colspan='3'>" + langTxt.Txt_TblCol_Session3 + "</td>");
        
     
     }else{
        s.append("<td id='hdrMatchPrice' class='HCol08' rowspan='2' width='2%'>" + langTxt.Txt_TblCol_TempMatchPrice + "</td>");
        s.append("<td id='hdrChange' class='HCol09' rowspan='2' width='2%'>" + langTxt.Txt_TblCol_Change + "</td>");
        s.append("<td id='hdrMatchVol' class='HCol10' rowspan='2' width='4%'>" + langTxt.Txt_TblCol_MatchVol + "</td>");
     }

     if (SessionID == 2) s.append("<td id='hdrOffer' class='HCol11' colspan='6'>" + langTxt.Txt_TblCol_OfferEx + "</td>");
     else s.append("<td id='hdrOffer' class='HCol11' colspan='6'>" + langTxt.Txt_TblCol_Offer + "</td>");
     
     //Second row
     s.append("<tr align='center' nowrap='nowrap'>");
     if (SessionID == 2)
     {
        s.append("<td id='hdrPriceBeginS2' class='HCol08S1' width='3%'>" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='hdrVolBeginS2' class='HCol08S1' width='4%'>" + langTxt.Txt_TblCol_Vol + "</td>");
        s.append("<td id='hdrHigh' class='HCol09S1' width='3%'>" + langTxt.Txt_TblCol_High + "</td>");
        s.append("<td id='hdrLow' class='HCol09S1' width='3%'>" + langTxt.Txt_TblCol_Low + "</td>");
     }
     
     if (SessionID == 3)
     {
        s.append("<td id='hdrPriceBeginS2' class='HCol08S1' width='3%'>" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='hdrVolBeginS2' class='HCol08S1' width='4%'>" + langTxt.Txt_TblCol_Vol + "</td>");
        s.append("<td id='hdrPriceNow' class='HCol09S1' width='3%'>" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='hdrVolNow' class='HCol09S1' width='4%'>" + langTxt.Txt_TblCol_Vol + "</td>");
     }
     
     s.append("<td id='hdrBidPrice3' class='HCol07S1' width='3%'>" + langTxt.Txt_TblCol_Price3 + "</td>");
     s.append("<td id='hdrBidVol3' class='HCol07S1' width='4%'>" + langTxt.Txt_TblCol_Vol3 + "</td>");
     s.append("<td id='hdrBidPrice2' class='HCol07S1' width='3%'>" + langTxt.Txt_TblCol_Price2 + "</td>");
     s.append("<td id='hdrBidVol2' class='HCol07S1' width='4%'>" + langTxt.Txt_TblCol_Vol2 + "</td>");
     s.append("<td id='hdrBidPrice1' class='HCol07S1' width='3%'>" + langTxt.Txt_TblCol_Price1 + "</td>");
     s.append("<td id='hdrBidVol1' class='HCol07S1' width='4%'>" + langTxt.Txt_TblCol_Vol1 + "</td>");
     
     if (SessionID >= 4)
     {
        s.append("<td id='hdrPrice1' class='HCol08S1' width='3%'>" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='hdrVol1' class='HCol08S1' width='4%'>" + langTxt.Txt_TblCol_Vol + "</td>");
        s.append("<td id='hdrPrice2' class='HCol09S1' width='3%'>" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='hdrVol2' class='HCol09S1' width='4%'>" + langTxt.Txt_TblCol_Vol + "</td>");
        s.append("<td id='hdrPrice3' class='HCol10S1' width='3%'>" + langTxt.Txt_TblCol_Price + "</td>");
        s.append("<td id='hdrChange' class='HCol10S1' width='3%'>" + langTxt.Txt_TblCol_Change + "</td>");
        s.append("<td id='hdrVol3' class='HCol10S1' width='4%'>" + langTxt.Txt_TblCol_Vol + "</td>");
     }

     s.append("<td id='hdrOfferPrice1' class='HCol11S1' width='3%'>" + langTxt.Txt_TblCol_Price1 + "</td>");
     s.append("<td id='hdrOfferVol1' class='HCol11S1' width='4%'>" + langTxt.Txt_TblCol_Vol1 + "</td>");
     s.append("<td id='hdrOfferPrice2' class='HCol11S1' width='3%'>" + langTxt.Txt_TblCol_Price2 + "</td>");
     s.append("<td id='hdrOfferVol2' class='HCol11S1' width='4%'>" + langTxt.Txt_TblCol_Vol2 + "</td>");
     s.append("<td id='hdrOfferPrice3' class='HCol11S1' width='3%'>" + langTxt.Txt_TblCol_Price3 + "</td>");
     s.append("<td id='hdrOfferVol3' class='HCol11S1' width='4%'>" + langTxt.Txt_TblCol_Vol3 + "</td></tr>");

     return s.toString();  
}

function TableFooter()
{
    return "</table>";
}

function ShowData(newdata)
{
    if (!price) 
    {
        price = newdata;      
    } 
    var view = new StringBuilder();
    var alternate = ""; // odd, even row for alternative color
    var iNo = 1;
    for(var i = 0; i < newdata.length; i++)
    {
        if (newdata[i] != "")
        {
            var stock = newdata[i].split(":");
            if (isChecked("chkStkSbl_" + stock[0]))
            {
                var old = price[i].split(":");
                var flStk1_Ref  = parseFloat(stock[1]);
                var flStk2_Ceil = parseFloat(stock[2]);
                var flStk3_Fl   = parseFloat(stock[3]);
                var flStk8 = parseFloat(stock[8]);
                var flStk30_FRoomDev = parseFloat(stock[30]);

                // Row
                view.append("<TR onmousedown='javascript:rowClicked(this)'>");

                // So thu tu
                view.append("<TD class='DCol01" + alternate + "'><font class='DVal01'>" + (iNo) + "</font></TD>");
                iNo++;

                // Ma chung khoan
                view.append("<TD class='DCol02" + alternate + "' style='border-right-width: 0px'><a href='http://www.hsc.com.vn/hscportal/corporate/view.do?companyCode=" + stock[0] + "' style='color:Black;' target='_blank'>" + stock[0] + "</a></TD>");                
                // Hien thi mui ten ung voi gia len hay xuong
                if (stock[8] != "" && stock[8] != "0" && stock[7] != "" && stock[7] != "0")
                {
                    view.append("<TD class='DCol02e" + alternate + "' style='border-left: 0px; border-right-width: 1px'>" + (flStk8 > 0 ? "<font class='Inc2'>▲</font>" : "<font class='Dec2'>▼</font>") + "</TD>");
                }
                else
                {
                    view.append("<TD class='DCol02e" + alternate + "' style='border-left: 0px; border-right-width: 1px'>&nbsp;</TD>");
                }

                // Gia tham chieu, tran, san, Room nuoc ngoai
                view.append("<TD class='DCol03" + alternate + "'><font class='RefPrice'>" + stock[1] + "</font></TD>"); //GTC
                view.append("<TD class='DCol04" + alternate + "'><font class='Ceiling'>" + stock[2] + "</font></TD>"); //T
                view.append("<TD class='DCol05" + alternate + "'><font class='Floor'>" + stock[3] + "</font></TD>"); //S                
                view.append("<TD class='DCol06" + alternate + "'><font class='DVal06'>" + stock[29] + "</font></TD>"); // CurrentRoom
                if (flStk30_FRoomDev != 0)
                {
                    view.append("<TD class='DCol06" + alternate + "' nowrap><font class='Inc2'>" + stock[30] + "</font></TD>"); // CurrentRoom Deviation
                }
                else
                {
                    view.append("<TD class='DCol06" + alternate + "'><font class='RefPrice3'></font></TD>"); // CurrentRoom Deviation
                }
                
                
                //Hiển thị các cột giá đợt 1, đợt 2
                if(SessionID == 2)
                {
                    view.append("<TD class='DCol08S1" + alternate + "'><font class='DVal08S1'>" + stock[22] + "</font></TD>");
                    view.append("<TD class='DCol08S1" + alternate + "'><font class='DVal08S1'>" + stock[23] + "</font></TD>");
                    view.append("<TD class='DCol09S1" + alternate + "'><font class='DVal09S1'>" + stock[5] + "</font></TD>");
                    view.append("<TD class='DCol09S1" + alternate + "'><font class='DVal09S1'>" + stock[6] + "</font></TD>");
                }

                if (SessionID == 3)
                {
                    if (stock[28] == 'H')
                    {
                        view.append("<TD class='DCol08S1" + alternate + "'><font class='Halted'>" + stock[22] + "</font></TD>");
                        view.append("<TD class='DCol08S1" + alternate + "'><font class='Halted'>" + stock[23] + "</font></TD>");
                        view.append("<TD class='DCol09S1" + alternate + "'><font class='Halted'>" + stock[27] + "</font></TD>");
                        view.append("<TD class='DCol09S1" + alternate + "'><font class='Halted'>" + stock[24] + "</font></TD>");
                    }
                    else
                    {
                        view.append("<TD class='DCol08S1" + alternate + "'><font class='DVal08S1'>" + stock[22] + "</font></TD>");
                        view.append("<TD class='DCol08S1" + alternate + "'><font class='DVal08S1'>" + stock[23] + "</font></TD>");
                        view.append("<TD class='DCol09S1" + alternate + "'><font class='DVal09S1'>" + stock[27] + "</font></TD>");
                        view.append("<TD class='DCol09S1" + alternate + "'><font class='DVal09S1'>" + stock[24] + "</font></TD>");
                    }
                }

                // Mua
                if(stock[28]=='H')
                {
                    view.append("<TD class='DCol07S1" + alternate + "'><font class='Halted'>" + stock[10] + "</font></TD>");
                    view.append("<TD class='DCol07S1" + alternate + "'><font class='Halted'>" + stock[11] + "</font></TD>");
                    view.append("<TD class='DCol07S1" + alternate + "'><font class='Halted'>" + stock[12] + "</font></TD>");
                    view.append("<TD class='DCol07S1" + alternate + "'><font class='Halted'>" + stock[13] + "</font></TD>");
                    view.append("<TD class='DCol07S1" + alternate + "'><font class='Halted'>" + stock[14] + "</font></TD>");
                    view.append("<TD class='DCol07S1" + alternate + "'><font class='Halted'>" + stock[15] + "</font></TD>");
               }
               else
               {
                    view.append(createTdsBidOffer("DCol07S1" + alternate, old[10], stock[10], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[10], "Ceiling2"));
                    view.append(createTdsBidOffer("DCol07S1" + alternate, old[11], stock[11], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[10], "Ceiling2"));
                    view.append(createTdsBidOffer("DCol07S1" + alternate, old[12], stock[12], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[12], "Ceiling2"));
                    view.append(createTdsBidOffer("DCol07S1" + alternate, old[13], stock[13], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[12], "Ceiling2"));
                    view.append(createTdsBidOffer("DCol07S1" + alternate, old[14], stock[14], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[14], "Ceiling2"));
                    view.append(createTdsBidOffer("DCol07S1" + alternate, old[15], stock[15], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[14], "Ceiling2"));
               } //Het Mua 
                
                if (SessionID >= 4)
                {
                   if(stock[28]=='H')
                    {
                        view.append("<TD class='DCol08S1" + alternate + "'><font class='Halted'>" + stock[22] + "</font></TD>");
                        view.append("<TD class='DCol08S1" + alternate + "'><font class='Halted'>" + stock[23] + "</font></TD>");
                        view.append("<TD class='DCol09S1" + alternate + "'><font class='Halted'>" + stock[27] + "</font></TD>");
                        view.append("<TD class='DCol09S1" + alternate + "'><font class='Halted'>" + stock[24] + "</font></TD>");
                    }
                    else
                    {
                        view.append("<TD class='DCol08S1" + alternate + "'><font class='DVal08S1'>" + stock[22] + "</font></TD>");
                        view.append("<TD class='DCol08S1" + alternate + "'><font class='DVal08S1'>" + stock[23] + "</font></TD>");
                        view.append("<TD class='DCol09S1" + alternate + "'><font class='DVal09S1'>" + stock[27] + "</font></TD>");
                        view.append("<TD class='DCol09S1" + alternate + "'><font class='DVal09S1'>" + stock[24] + "</font></TD>");
                    }
                }
                
                if (stock[8] != "" && stock[8] != "0" && stock[7] != "" && stock[7] != "0")//Chưa kết thúc phiên 3
                {
                    /*
                    if(stock[28]=='H')
                    {
                        // gia thay doi
                        view.append("<TD class='DCol10S1" + alternate + "'>" + (flStk8 > 0 ? "<font class='Inc2'>" : "<font class='Dec2'>") + "</font></TD>");
                        view.append("<TD nowrap class='DCol10S1" + alternate + "'>");
                        view.append((flStk8 > 0 ? "<font class='Inc2'>" : "<font class='Dec2'>"));
                        view.append("</font></TD>");
                        view.append("<TD class='DCol10S1" + alternate + "'>" + (flStk8 > 0 ? "<font class='Inc2'>" : "<font class='Dec2'>") + "</font></TD>");
                    }
                    else
                    */
                    {
                        // gia thay doi
                        var fontOpenTag = "<font>";
                        if (flStk8 > 0)
                        {
                            if (stock[7] == stock[2])
                            {
                                fontOpenTag = "<font class='Ceiling3'>";
                            }
                            else
                            {
                                fontOpenTag = "<font class='Inc2'>";
                            }
                        }
                        else
                        {
                            if (stock[7] == stock[3])
                            {
                                fontOpenTag = "<font class='Floor3'>";
                            }
                            else
                            {            
                                fontOpenTag = "<font class='Dec2'>";
                            }
                        }
                        
                        view.append("<TD class='DCol10S1" + alternate + "'>" + fontOpenTag + stock[7] + "</font></TD>");
                        view.append("<TD nowrap class='DCol10S1" + alternate + "'>");
                        view.append(fontOpenTag);
                        if ((flStk1_Ref < flStk2_Ceil) && (flStk1_Ref > flStk3_Fl))
                        {
                            if (stock[7]==stock[2]) view.append("CE");
                            else if (stock[7]==stock[3]) view.append("FL");
                        }
                        view.append((flStk8 > 0 ? "▲+" : "▼") + stock[8] + "</font></TD>");
                        view.append("<TD class='DCol10S1" + alternate + "'>" + fontOpenTag +  stock[9] + "</font></TD>");
                    }
                }
                else // Kết thúc phiên 3
                {
                    view.append("<TD class='DCol10S1" + alternate + "'><font class='RefPrice3'>" + stock[7] + "</font></TD>");
                    view.append("<TD class='DCol10S1" + alternate + "'>&nbsp;</TD>");
                    view.append("<TD class='DCol10S1" + alternate + "'><font class='RefPrice3'>" + stock[9] + "</font></TD>");
                }
                
                //Bán
                if(stock[28]=='H')
                {
                    view.append("<TD class='DCol11S1" + alternate + "'><font class='Halted'>" + stock[16] + "</font></TD>");
                    view.append("<TD class='DCol11S1" + alternate + "'><font class='Halted'>" + stock[17] + "</font></TD>");
                    view.append("<TD class='DCol11S1" + alternate + "'><font class='Halted'>" + stock[18] + "</font></TD>");
                    view.append("<TD class='DCol11S1" + alternate + "'><font class='Halted'>" + stock[19] + "</font></TD>");
                    view.append("<TD class='DCol11S1" + alternate + "'><font class='Halted'>" + stock[20] + "</font></TD>");
                    view.append("<TD class='DCol11S1" + alternate + "'><font class='Halted'>" + stock[21] + "</font></TD>");
                 }
                 else
                 {
                    view.append(createTdsBidOffer("DCol11S1" + alternate, old[16], stock[16], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[16], "Floor2"));
                    view.append(createTdsBidOffer("DCol11S1" + alternate, old[17], stock[17], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[16], "Floor2"));                    
                    view.append(createTdsBidOffer("DCol11S1" + alternate, old[18], stock[18], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[18], "Floor2"));
                    view.append(createTdsBidOffer("DCol11S1" + alternate, old[19], stock[19], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[18], "Floor2"));
                    view.append(createTdsBidOffer("DCol11S1" + alternate, old[20], stock[20], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[20], "Floor2"));
                    view.append(createTdsBidOffer("DCol11S1" + alternate, old[21], stock[21], flStk1_Ref, flStk2_Ceil, flStk3_Fl, stock[20], "Floor2"));
                 }  
                view.append("</TR>");
                
                // Switch row's alternative style
                if (alternate == "")
                {
	                alternate = "A";
                }
                else
                {
                    alternate = ""
                }
            }
        }
    }
    
    // Cap nhat price: luu lai trang truoc gia cu
    for(var k=0; k < newdata.length; k++)
    {
        price[k] = newdata[k];
    }

    // Tao bang gia
    document.getElementById("Content").innerHTML = TableHeader() + view.toString() + TableFooter();

    // Cap nhat lai header noi len khi cuon
    if (newdata.length > 0) 
    {
        FloatTableHeader();
    }
    zipBack();
}

function createTdsBidOffer(colStyle, old, stock, ref, ceil, floor, price, styleATOATC)
{
    var view = new StringBuilder();
    if (old != stock)                
    {
        view.append("<TD class='ColChanged'>" + stock + "</TD>");                
    }
    else
    {
        view.append("<TD class='" + colStyle + "'>");
        if ((price == "ATO") || (price == "ATC"))
        {
            view.append("<font class='" + styleATOATC + "'>" + stock + "</font></TD>");
        }
        else
        {
            var flPrice = parseFloat(price);
            if (flPrice > ref)
            {
                if (flPrice == ceil)
                {
                    view.append("<font class='Ceiling2'>" + stock + "</font></TD>");
                }
                else
                {
                    view.append("<font class='Inc'>" + stock + "</font></TD>");
                }
            }
            else if (flPrice < ref)
            {
                if (flPrice == floor)
                {
                    view.append("<font class='Floor2'>" + stock + "</font></TD>");
                }
                else
                {            
                    view.append("<font class='Dec'>" + stock + "</font></TD>");
                }
            }
            else 
            {
                view.append("<font class='RefPrice2'>" + stock + "</font></TD>");
            }
        }
    }
    return view.toString();
}