﻿//real time
function realtime(Tensan) {
    $.get('/DesktopModules/AG.StockThongKe/Backend/AG_Flag_ALL_Floor.ashx?', function(data) {
        var floor_flag = data.split(';');
        switch (Tensan) {
            case "Ho":
                GetDataStockFloor(Tensan, "DC");
                if (floor_flag[0] != "K" && floor_flag[0] != "Z" && floor_flag[0] != "J")
                    setInterval(GetDataStockFloor, 65000, "Ho", "DC");
                break;
            case "Ha":
                GetDataStockFloor(Tensan, "DC");
                if (floor_flag[1] != "13" && floor_flag[1] != "15")
                    setInterval(GetDataStockFloor, 65000, "Ha", "DC");

                break;
            case "UPCOM":
                       GetDataStockFloor(Tensan, "DC");
                if (floor_flag[2] != "13" && floor_flag[2] != "")
                    setInterval(GetDataStockFloor, 65000, "UPCOM", "DC");
                break;
        }

    })

}
function GetDataStockFloor(Floor,flag) {
    var Top_giamgia = "AGStock_Stock" + Floor + "InTop5Decrease";
    var Top_tanggia = "AGStock_Stock" + Floor + "InTop5Increase";
    var Top_Phantram_KL_Tanggia = "AGStock_Stock" + Floor + "InTop5Amount";
    var Top_Phantram_KL_giamgia = "AGStock_Stock" + Floor + "InTop5Value";
    var url = "/DesktopModules/AG.StockThongKe/Backend/TOPCP.ashx?TopName=TotalMarKet&Floor=" + Floor;
  // neu co thi truong day ra la dc thi tien
    if (flag == "DC") 
    {
        $.get(url, function(data) {
            var DataResult = data.split("@");
            Get_data_and_display(DataResult[1], Top_tanggia, Floor);
            Get_data_and_display(DataResult[0], Top_giamgia, Floor);

            Get_data_and_display(DataResult[2], Top_Phantram_KL_giamgia, Floor);
            Get_data_and_display(DataResult[3], Top_Phantram_KL_Tanggia, Floor);
        })
    }
    else {
        var Data = "0;0;0;0;0;0;0;0;0;0;0;0;|0;0;0;0;0;0;0;0;0;0;0;0;0|0;0;0;0;0;0;0;0;0;0;0;0;|0;0;0;0;0;0;0;0;0;0;0;0;|0;0;0;0;0;0;0;0;0;0;0;0;|0;0;0;0;0;0;0;0;0;0;0;0;|"
+"0;0;0;0;0;0;0;0;0;0;0;0;|" + "0;0;0;0;0;0;0;0;0;0;0;0;|" + "0;0;0;0;0;0;0;0;0;0;0;0;|";
        Get_data_and_display(Data, Top_tanggia, Floor);
        Get_data_and_display(Data, Top_giamgia, Floor);
        Get_data_and_display(Data, Top_Phantram_KL_giamgia, Floor);
        Get_data_and_display(Data, Top_Phantram_KL_Tanggia, Floor);
    }
}


function Get_data_and_display(data, id, Floor) {// floor truyen vao :Ho, Ha, UPCOM
        var MyArray = new Array();
        MyArray = data.split('|');
        var htmlOut; var color, temp;
        var value = new Array();
        // khai bao cac bien de tham chieu
        var Top_giamgia1 = "AGStock_Stock" + Floor + "InTop5Decrease";
        var Top_tanggia1 = "AGStock_Stock" + Floor + "InTop5Increase";
        var Top_Phantram_KL_Tanggia1 = "AGStock_Stock" + Floor + "InTop5Amount";
        var Top_Phantram_KL_giamgia1 = "AGStock_Stock" + Floor + "InTop5Value";
        htmlOut = Giaodien_Title(id,Floor);
        switch( id){
            case Top_giamgia1:
                for (var i = 0; i < 5; i++) {
                    value = MyArray[i].split(';');
                   // temp = ChangeImage(value[0], value[1]);
                  //  color = temp.substr(0, temp.indexOf(';'));
                    htmlOut += Giaodien(value, value[6], Top_giamgia1,Floor);
                }
                htmlOut += "</tr>";
                break;
            case Top_tanggia1:
                for (var i = 0; i < 5; i++) {
                    value = MyArray[i].split(';');
                   // temp = ChangeImage(value[0], value[1]);
                  //  color = temp.substr(0, temp.indexOf(';'));
                    htmlOut += Giaodien(value, value[6], Top_tanggia1,Floor);
                }
                htmlOut += "</tr>";
                break;
            case Top_Phantram_KL_Tanggia1:
                for (var i = 0; i < 5; i++) {
                    value = MyArray[i].split(';');
                  //  temp = ChangeImage(value[0], value[1]);
                  //  color = temp.substr(0, temp.indexOf(';'));
                    htmlOut += Giaodien(value, value[5], Top_Phantram_KL_Tanggia1,Floor);
                  //  alert(value[7]);
                }
                htmlOut += "</tr>";
                break;
            case Top_Phantram_KL_giamgia1:
                for (var i = 0; i < 5; i++) {
                    value = MyArray[i].split(';');
                  //  temp = ChangeImage(value[0], value[1]);
                   // color = temp.substr(0, temp.indexOf(';'));

                    htmlOut += Giaodien(value, value[5], Top_Phantram_KL_giamgia1, Floor);
                }
                htmlOut += "</tr>";
                break;     
           
        }
        htmlOut += "</tbody>";
        htmlOut += "</table>";
        //alert(htmlOut);
        $('#' + id).html(htmlOut);
        $('#Detail3_' + id + ' tr:odd').removeClass('even').addClass('odd');
        $('#Detail3_' + id + ' tr:even').removeClass('odd').addClass('even');
 }
// cac function tao giao dien cho cac top o trang thong ke thi truong
 function Giaodien(value, color,id,floor) {
     var htmlOut = "";
     var phantram ;
	
    
     if (  id == ("AGStock_Stock" + floor + "InTop5Amount")) {
         if (parseFloat(value[1]) != 0 && parseFloat(value[2]) != 0) {
             htmlOut += "<tr class='TT_trHeightTop5'>";
             htmlOut += "<td width =\" 45 \" class=\"TT_columnTop5C\">";
             htmlOut += "<a style=\"color: " + color + "\" href=\"/tabid/" + TabNumber + "/Symbol/" + value[0] + "/default.aspx\">" + value[0] + "</a>";
             htmlOut += "</td>";
             var thapphan = parseFloat(value[3]) / parseFloat(value[1]);
             phantram = parseFloat(parseFloat(thapphan) * 100).toFixed(2);
             htmlOut += "<td width =\" 70 \"  class='TT_columnTop5R' style=\"color:" + color + "\">";
             htmlOut += formatNumber_input_decimal_format(value[1], 0);
             htmlOut += "</td>";
             htmlOut += "<td width =\" 70 \"  class='TT_columnTop5R' style=\"color: " + color + "\">";
             htmlOut += formatNumber_input_decimal_format(value[2], 0);
             htmlOut += "</td>";
             htmlOut += "<td width =\" 60 \"  class='TT_columnTop5R' style=\"color: " + color + "\">";
             htmlOut += formatNumber_input_decimal_format(value[3], 0);
             htmlOut += "</td>"
             htmlOut += "<td  width =\" 60 \"  class='TT_columnTop5R' style=\"color:" + color + "\">";
             htmlOut += formatNumber_input_decimal_format(phantram, 2);
             htmlOut += "</td>"
         }
         else {
             htmlOut += "<tr class='TT_trHeightTop5'>";
             htmlOut += "<td width =\" 45 \" class=\"TT_columnTop5C\">";
             htmlOut += "<a style=\"color: " + color + "\">&nbsp;</a>";
             htmlOut += "</td>";
             htmlOut += "<td width =\" 70 \"  class='TT_columnTop5R' style=\"color:" + color + "\">";
             htmlOut += "&nbsp;</td>";
             htmlOut += "<td width =\" 70 \"  class='TT_columnTop5R' style=\"color: " + color + "\">";
             htmlOut += "&nbsp;</td>";
             htmlOut += "<td width =\" 60 \"  class='TT_columnTop5R' style=\"color: " + color + "\">";
             htmlOut += "&nbsp;</td>"
             htmlOut += "<td class='TT_columnTop5R' style=\"color:" + color + "\">";
             htmlOut += "&nbsp;</td>";
         
         }
     }
     else if  ( id == ("AGStock_Stock" + floor + "InTop5Value") ) {
     if (parseFloat(value[1]) != 0 && parseFloat(value[1]) != 0) {
         htmlOut += "<tr class='TT_trHeightTop5'>";
         htmlOut += "<td width =\" 45 \" class=\"TT_columnTop5C\">";
         htmlOut += "<a style=\"color: " + color + "\" href=\"/tabid/" + TabNumber + "/Symbol/" + value[0] + "/default.aspx\">" + value[0] + "</a>";
         htmlOut += "</td>";

         var thapphan = parseFloat(value[3]) / parseFloat(value[1]);
         phantram = parseFloat(parseFloat(thapphan) * 100).toFixed(2);
         htmlOut += "<td width =\" 70 \" class='TT_columnTop5R' style=\"color:" + color + "\">";
         htmlOut += formatNumber_input_decimal_format(value[1], 0);
         htmlOut += "</td>";
         htmlOut += "<td width =\" 70 \" class='TT_columnTop5R' style=\"color: " + color + "\">";
         htmlOut += formatNumber_input_decimal_format(value[2], 0);
         htmlOut += "</td >";
         htmlOut += "<td width =\" 60 \" class='TT_columnTop5R' style=\"color: " + color + "\">";
         htmlOut += formatNumber_input_decimal_format(value[3], 0);
         htmlOut += "</td>"
         htmlOut += "<td  width =\" 60 \"  class='TT_columnTop5R' style=\"color:" + color + "\">";
         htmlOut += formatNumber_input_decimal_format(value[4], 2);
         htmlOut += "</td>";
     }
     else {

         htmlOut += "<tr class='TT_trHeightTop5'>";
         htmlOut += "<td width =\" 45 \" class=\"TT_columnTop5C\">";
         htmlOut += "<a style=\"color: " + color + "\">&nbsp;</a>";
         htmlOut += "</td>";
         htmlOut += "<td width =\" 70 \" class='TT_columnTop5R' style=\"color:" + color + "\">";
       
         htmlOut += "</td>";
         htmlOut += "<td width =\" 70 \" class='TT_columnTop5R' style=\"color: " + color + "\">";
       
         htmlOut += "</td >";
         htmlOut += "<td width =\" 60 \" class='TT_columnTop5R' style=\"color: " + color + "\">";
         
         htmlOut += "</td>"
         htmlOut += "<td class='TT_columnTop5R' style=\"color:" + color + "\">";
         htmlOut += "</td>";
        
     }
     }
else if(id == "AGStock_Stock" + floor + "InTop5Decrease"  ) 	// kiem tra xem data co > 0
{
    // kiem tra xem  thay doi co > 0 thi hien thi else ghi ra rong( top tang gia)
 if (parseFloat(value[3]) < 0)
	{ 
	  htmlOut += "<tr class='TT_trHeightTop5'>";
     htmlOut += "<td width =\" 45 \" class=\"TT_columnTop5C\">";
     htmlOut += "<a style=\"color: " + color + "\" href=\"/tabid/" + TabNumber + "/Symbol/" + value[0] + "/default.aspx\">" + value[0] + "</a>";
     htmlOut += "</td>";
     htmlOut += "<td width =\" 90 \"  class='TT_columnTop5R' style=\"color:" + color + "\">";
         htmlOut += formatNumber_input_decimal_format(parseFloat(value[2]), 1);
         htmlOut += "</td>";
         htmlOut += "<td  width =\" 80\" class='TT_columnTop5R' style=\"color: " + color + "\">";
         var GiaDC = parseFloat(value[1]);
         htmlOut += formatNumber_input_decimal_format(GiaDC, 1);
         htmlOut += "</td>";
         htmlOut += "<td width =\" 50\" class='TT_columnTop5R' style=\"color: " + color + "\">";
         htmlOut += formatNumber_input_decimal_format(value[3], 1);
         htmlOut += "</td>"
         var phantram_top =  parseFloat(parseFloat(value[4])*100).toFixed(2);
         htmlOut += "<td width =\" 40\" class='TT_columnTop5R' style=\"color:" + color + "\">";
         htmlOut += formatNumber_input_decimal_format(phantram_top, 2);
         htmlOut += "</td>";
	}
      else {
	  htmlOut += "<tr class='TT_trHeightTop5'>";
     htmlOut += "<td class=\"TT_columnTop5C\">";
     htmlOut += "<a style=\"color: " + color + "\" >&nbsp;</a>";
     htmlOut += "&nbsp;</td>";	
	 htmlOut += "<td class='TT_columnTop5R' style=\"color:" + color + "\">";
	 htmlOut += "&nbsp;</td>";
         htmlOut += "<td class='TT_columnTop5R' style=\"color: " + color + "\">";
         htmlOut += "&nbsp;</td>";
         htmlOut += "<td width =\" 55 \" class='TT_columnTop5R' style=\"color: " + color + "\">";
         htmlOut += "&nbsp;</td>"
         htmlOut += "<td class='TT_columnTop5R' style=\"color:" + color + "\">";
         htmlOut += "&nbsp;</td>";
	}
   }
else
// kiem tra xem  thay doi co < 0 thi hien thi else ghi ra rong(top giam gia)
	{
	if (parseFloat(value[3]) > 0)
	{ htmlOut += "<tr class='TT_trHeightTop5'>";
     htmlOut += "<td width =\" 45 \" class=\"TT_columnTop5C\">";
     htmlOut += "<a style=\"color: " + color + "\" href=\"/tabid/" + TabNumber + "/Symbol/" + value[0] + "/default.aspx\">" + value[0] + "</a>";
     htmlOut += "</td>";	       
         htmlOut += "<td width =\" 90 \"  class='TT_columnTop5R' style=\"color:" + color + "\">";
         htmlOut += formatNumber_input_decimal_format(parseFloat(value[2]), 1);
         htmlOut += "</td>";
         htmlOut += "<td  width =\" 80\" class='TT_columnTop5R' style=\"color: " + color + "\">";
         var GiaDC = parseFloat(value[1]);
         htmlOut += formatNumber_input_decimal_format(GiaDC, 1);
         htmlOut += "</td>";
         htmlOut += "<td width =\" 50\" class='TT_columnTop5R' style=\"color: " + color + "\">";
         htmlOut += formatNumber_input_decimal_format(value[3], 1);
         htmlOut += "</td>"
         var phantram_top =  parseFloat(parseFloat(value[4])*100).toFixed(2);
         htmlOut += "<td width =\" 40\" class='TT_columnTop5R' style=\"color:" + color + "\">";
         htmlOut += formatNumber_input_decimal_format(phantram_top, 2);
	}
      else {
	  htmlOut += "<tr class='TT_trHeightTop5'>";
     htmlOut += "<td class=\"TT_columnTop5C\">";
     htmlOut += "<a style=\"color: " + color + "\" href=\"/tabid/" + TabNumber + "/Symbol/" + value[0] + "/default.aspx\">&nbsp;</a>";
     htmlOut += "&nbsp;</td>";	
	 htmlOut += "<td class='TT_columnTop5R' style=\"color:" + color + "\">";
         htmlOut += "</td>";
         htmlOut += "<td class='TT_columnTop5R' style=\"color: " + color + "\">";
         htmlOut += "&nbsp;</td>";
         htmlOut += "<td class='TT_columnTop5R' style=\"color: " + color + "\">";
         htmlOut += "&nbsp;</td>"
         htmlOut += "<td class='TT_columnTop5R' style=\"color:" + color + "\">";
         htmlOut += "&nbsp;</td>";
	}
	}
  
     return htmlOut;
 }
 function Giaodien_Title(id,floor) {
     var htmlOut = "";
     htmlOut += "<table class='tblTop5v1' border='0' cellpadding=\"3\" cellspacing=\"1\">";
     htmlOut += "<thead class=\"thead\">";
     htmlOut += "<tr class='TT_trHeadTop5'>";
     htmlOut += "<td>";
     htmlOut += MaCK;
     htmlOut += "</td>";
     htmlOut += "<td>";
     if (id == ("AGStock_Stock"+ floor +"InTop5Value") || id == "AGStock_Stock" + floor +"InTop5Amount") 
     {
         htmlOut += "KLGD PT</td>";
         htmlOut += "<td>KLGD HT</td>";
     }
     else 
     {
         htmlOut += GiaTC;
         htmlOut += "</td>";
         htmlOut += "<td>";
         htmlOut += GiaDC;
         htmlOut += "</td>";
     }
     htmlOut += "<td>";
     htmlOut += Thaydoi;
     htmlOut += "</td>";
     htmlOut += "<td>";
     htmlOut += PhanTram;
     htmlOut += "</td>";
     htmlOut += "</tr></thead>";
     htmlOut += "<tbody id=\"Detail3_" + id + "\">";
     return htmlOut;

 }
 function AGStock_Display_Floor(tabFloor, Floor) { // floor truyen vao se la : Ha, Ho,UPCOM
     var Top_giamgia = "AGStock_Stock" + Floor + "InTop5Decrease";
     var Top_tanggia = "AGStock_Stock" + Floor + "InTop5Increase";
     var Top_Phantram_KL_Tanggia = "AGStock_Stock" + Floor + "InTop5Amount";
     var Top_Phantram_KL_giamgia = "AGStock_Stock" + Floor + "InTop5Value";
     var Floor_Id = "AGStock_Stock" + Floor + "InTop5_liPane";
     for (var i = 1; i < 5; i++) {
         document.getElementById(Floor_Id + i).className = "Normal";
     }
     document.getElementById(Floor_Id + tabFloor).className = "Active";
     switch (tabFloor) {
         case 1:   
             $('#' + Top_tanggia).show();
             $('#' + Top_giamgia).hide();
             $('#' + Top_Phantram_KL_Tanggia).hide();
             $('#' + Top_Phantram_KL_giamgia).hide();
             break;
         case 2:
             $('#' + Top_tanggia).hide();
             $('#' + Top_giamgia).show();
             $('#' + Top_Phantram_KL_Tanggia).hide();
             $('#' + Top_Phantram_KL_giamgia).hide();
             break;
         case 3:
             $('#' + Top_tanggia).hide();
             $('#' + Top_giamgia).hide();
             $('#' + Top_Phantram_KL_Tanggia).show();
             $('#' + Top_Phantram_KL_giamgia).hide();
             break;
         case 4:
             $('#' + Top_giamgia).hide();
             $('#' + Top_tanggia).hide();
             $('#' + Top_Phantram_KL_Tanggia).hide();
             $('#' + Top_Phantram_KL_giamgia).show();
             break;
     }

 }





 
