var m_Color_Down = "#E4202A";
var m_Color_Up = "#1C8D44";
var m_Color_Dunggia = "#EEFB00";
var m_Floor = "";
// tao giao dien tong quan cua cacs san
function TongQuanSan_Data(NameFloor) {
  var m_Color = "";  
  var htmout = "";
  var url = "/DesktopModules/AG.MarketStatistics/AG_StockChartIndex.ashx?Symbol=" + NameFloor;
  document.getElementById('img_Floor').src = "http://"+location.host+"/AG.LiveChart/default.aspx?Width=545&Height=190&lWidth=1&bgColor=E5EDF6&tColor=4C344D&bColor=F2F6FB&lColor=8EC4E5&showIndex=false&pColor=FE2C2D&vColor=008000&t=-6&HideGrid=true&Symbol="+ NameFloor
  $.getJSON(url, function(data) {
      switch (NameFloor) {
          case "VNIndex":
              m_Floor = "HO";
              $('#IDNameIndex').html('<img src="/portals/0/XSL/Images/S_IConXanh.gif"/><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;VN-INDEX</span>');
              document.getElementById('liIndex2Tabs1').className = "current";
              document.getElementById('liIndex2Tabs2').className = "";
              $('#IDIndex').html(data.IndexData[0].VNIndex);
              break;
          case "HASTCIndex":
              m_Floor = "HA";
              $('#IDNameIndex').html('<img src="/portals/0/XSL/Images/S_IConXanh.gif"/><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;HNX-INDEX</span>');
              document.getElementById('liIndex2Tabs1').className = "";
              document.getElementById('liIndex2Tabs2').className = "current";
              $('#IDIndex').html(data.IndexData[0].HASTCIndex);
              break;
      }

      var m_date = new Date();
      $('#IDNgay').html(m_date.getFullYear() + '/' + (parseFloat(m_date.getMonth()) + 1) + '/' + m_date.getDate());
      m_Color = Fun_GetColor(data.IndexData[0].Diff);
      $('#IDThayDoi').html(data.IndexData[0].Diff);
      document.getElementById('IDThayDoi').style.color = m_Color;
      $('#IDPhanTram').html(data.IndexData[0].DiffRate);
      document.getElementById('IDPhanTram').style.color = m_Color;
      $('#IDindex1').html(formatNumber_input_decimal_format_en ( data.IndexData[0].SoGiaoDich,0));
      $('#IDindex2').html(formatNumber_input_decimal_format_en( data.IndexData[0].KLGiaoDich,2));
      $('#IDindex3').html(formatNumber_input_decimal_format_en( data.IndexData[0].GTGiaoDich,2));

      m_Color = "";
      m_Color = Fun_GetColor(data.IndexData[0].PhanTramSoGiaoDich)
      $('#IDPT1').html(data.IndexData[0].PhanTramSoGiaoDich + '%');
      document.getElementById('IDPT1').style.color = m_Color;

      m_Color = "";
      m_Color = Fun_GetColor(data.IndexData[0].PhanTramKLGiaoDich );
      $('#IDPT2').html(data.IndexData[0].PhanTramKLGiaoDich + '%');
      document.getElementById('IDPT2').style.color = m_Color;

      m_Color = "";
      m_Color = Fun_GetColor(data.IndexData[0].PhanTramGTGiaoDich );
      $('#IDPT3').html(data.IndexData[0].PhanTramGTGiaoDich + '%');
      document.getElementById('IDPT3').style.color = m_Color;
      document.cookie = m_Floor;
  })

}
function Fun_GetColor(data) {
    var m_Color;
    if (parseFloat(data) > 0)
        m_Color = m_Color_Up;
    else if (parseFloat(data) < 0)
        m_Color = m_Color_Down;
    else if (parseFloat(data) == 0)
        m_Color = m_Color_Dunggia
    return m_Color;
}

function TopCP(ID, nameFloor) {
    var htmout = "";
    var TenSan = "HO";
    if (nameFloor == "") {
        if (document.cookie != "")
            nameFloor = document.cookie;
        else
            nameFloor = "HO";
    }
    var tensan =  nameFloor.split(";")
    htmout += '<table cellspacing="1" cellpadding="0" align="center" style="width: 98%; border: 1px solid rgb(205, 205, 205);">';
    htmout += '<tr height="30px" style="background-color: rgb(204, 204, 204);">'
    htmout += '  <td align="center" class="M_AGS_Top5">銘柄</td>';
    if (ID == 1 || ID == 2)// title cua top price la gia tham chieu
    {
        htmout += '  <td align="center" class="M_AGS_Top5">参考値</td>';
        htmout += ' <td align="center" class="M_AGS_Top5">終値</td>';
    }
    else // title cua volume la tong kl
    {
        htmout += ' <td align="center" class="M_AGS_Top5">終値</td>';
        htmout += '  <td align="center" class="M_AGS_Top5">参考値</td>';
    }
   
    htmout += '  <td align="center" class="M_AGS_Top5">前日比</td>';
    htmout += '  <td align="center" class="M_AGS_Top5">前日比 %</td></tr>';
    var url1 = "/DesktopModules/AG.MarketStatistics/TOPCP.ashx?Floor=" + tensan[0];
    $.get(url1, function(DataText) {
        var data = DataText.split("@");
        var Data_Top_PT = data[0].split("|");
        var Data_TopKL = data[1].split("|");

        switch (ID) {
            case "1": // tang gia
                document.getElementById('liTop5CK1').className = "current";
                document.getElementById('liTop5CK2').className = "";
                document.getElementById('liTop5CK3').className = "";
                document.getElementById('liTop5CK4').className = "";

                for (var i = 5; i < 10; i++) {
                    var Get_Data_DisPlay = Data_Top_PT[i].split(";");
                    if (parseFloat(Get_Data_DisPlay[3]) > 0)
                        htmout += WriteDatahtml(Get_Data_DisPlay, i,"Price");
                    else
                        htmout += WriteSpacehtml((i+1));
                }

                break;
            case "2": // giam gia

                document.getElementById('liTop5CK1').className = "";
                document.getElementById('liTop5CK2').className = "current";
                document.getElementById('liTop5CK3').className = "";
                document.getElementById('liTop5CK4').className = "";
                for (var i = 0; i < 5; i++) {
                    var Get_Data_DisPlay = Data_Top_PT[i].split(";");
                    if (parseFloat(Get_Data_DisPlay[3]) < 0)
                        htmout += WriteDatahtml(Get_Data_DisPlay, i, "Price");
                    else
                        htmout += WriteSpacehtml(i);
                }
                break;
            case "3": //tang gia

                document.getElementById('liTop5CK1').className = "";
                document.getElementById('liTop5CK2').className = "";
                document.getElementById('liTop5CK3').className = "current";
                document.getElementById('liTop5CK4').className = "";
                for (i = 5; i < 10; i++) {
                    var Get_Data_DisPlay = Data_TopKL[i].split(";");
                    if (parseFloat(Get_Data_DisPlay[5]) > 0)
                        htmout += WriteDatahtml(Get_Data_DisPlay, i,"Volume");
                    else
                        htmout += WriteSpacehtml(i);
                }
                break;
            case "4": // giam gia

                document.getElementById('liTop5CK1').className = "";
                document.getElementById('liTop5CK2').className = "";
                document.getElementById('liTop5CK3').className = "";
                document.getElementById('liTop5CK4').className = "current";
                for (var i = 0; i < 5; i++) {
                    Get_Data_DisPlay = Data_TopKL[i].split(";");
                    if (parseFloat(Get_Data_DisPlay[5]) > 0)
                        htmout += WriteDatahtml(Get_Data_DisPlay, i,"Volume");
                    else
                        htmout += WriteSpacehtml((i+1));
                }
                break;
        }
        htmout += '</table>';
        $('#IDTopCP').html(htmout);
    })
    }
    function WriteSpacehtml(i) {
        var htm = "";
        var m_Style = 'background-color :#E5EDEF;';
        if (i%2 ==0)
            htm += "<tr style = '"+  m_Style +"'>";
        else
            htm += "<tr>";
        htm += '<td align="center" style="font-weight: bold;" class="M_AGS_Top5">&nbsp;&nbsp;</td>';
        htm += '<td   style=" text-align:left; text-indent :50px;" class="M_AGS_Top5">&nbsp;&nbsp;</td>';
        htm += '<td  style=" text-align:left; text-indent :50px;"  class="M_AGS_Top5">&nbsp;&nbsp;</td>';
        htm += '<td   style=" text-align:left; text-indent :50px;"  class="M_AGS_Top5">&nbsp;&nbsp;</td>';
        htm += '<td   style=" text-align:left; text-indent :50px;" class="M_AGS_Top5">&nbsp;&nbsp;</td>';
        htm += "</tr>";
        return htm;
    }
    function WriteDatahtml(Get_Data_DisPlay,id,NameTop) {
        var check = false;
        var htm = "";
        var m_Style = "";
        if  ((id =="1")|| (id =="3") || (id =="6") || (id =="8"))
            m_Style = 'background-color :#E5EDEF;';
        htm += '<tr style = "'+  m_Style +'">';
        htm += '<td align="center" style="font-weight: bold; color :#336699;" class="M_AGS_Top5">' + Get_Data_DisPlay[0] + ' </td>';
        if (NameTop == "Price") {
            htm += '<td   style=" text-align: right;  padding-right :50px;" class="M_AGS_Top5">' + formatNumber_input_decimal_format_en(Get_Data_DisPlay[1], 1) + '</td>';
            htm += '<td  style=" text-align: right;  padding-right :50px;"  class="M_AGS_Top5">' + parseFloat(Get_Data_DisPlay[2]).toFixed(1) + '</td>';
        }
        else {
            htm += '<td  style=" text-align: right;  padding-right :50px;"  class="M_AGS_Top5">' + parseFloat(Get_Data_DisPlay[2]).toFixed(1) + '</td>';
            htm += '<td   style=" text-align: right;  padding-right :50px;" class="M_AGS_Top5">' + formatNumber_input_decimal_format_en(Get_Data_DisPlay[5], 0) + '</td>';
        }
        htm += '<td    style=" text-align:right; padding-right :50px;"  class="M_AGS_Top5">' + parseFloat(Get_Data_DisPlay[3]).toFixed(1) + '</td>';
        htm += '<td style=" text-align:right;  padding-right :50px; ;" class="M_AGS_Top5">' + parseFloat(parseFloat(Get_Data_DisPlay[4]) * 100).toFixed(2) + '</td>';
        htm += "</tr>";
        return htm;
    }
    // Ham nay  day ra data top