var CurrentPage_DaiLy = "";
var ThemeName = "";
var MaDaiLy = "";

function ShowLink(link)
{
    document.location.href = link + "?Ma=" + MaDaiLy;
    return false;
}
function ChangeCurentGia(ctr_Select, lbl_ID, DVT_Truoc, Gia_Truoc)
{
    
    var lbl_Gia = document.getElementById(lbl_ID);
    if (!ctr_Select || !lbl_Gia)
        return;
    var DVT_Sau = ctr_Select.options[ctr_Select.selectedIndex].value;
    //Chuyển kiểu số định dạng việt nam --> định dạng kiểu mỹ

    Gia_Truoc = Number(Gia_Truoc.replace(",", "."))
    if (Gia_Truoc > 0)
    {
        var Gia_Sau = ChangePrice(DVT_Truoc, DVT_Sau, Gia_Truoc);
        lbl_Gia.innerHTML = NummberVN(Gia_Sau);
    }
    else
    {
        lbl_Gia.innerHTML = "Thỏa thuận";
    }

}
//Hàm làm tròn
function RoundNummer(num_So, num_DoDaiThapPhan)
{
    num_So = Number(num_So);
    var num_Temp = 1;
    for (var i = 0; i < num_DoDaiThapPhan; i++)
    {
        num_Temp *= 10;
    }
    return Math.round(num_So * num_Temp) / num_Temp;
}
//Chuyển kiểu sang định dạng số của việtnam VD:1,2000,333.00
function NummberVN(num_So)
{
    
    var num_SoVN = "";
    //s = num_So;
    //Làm tròn số
    num_So = RoundNummer(num_So, 2);
    //Lấy phần nguyên
    var so_Nguyen = Math.floor(num_So);
    //Lấy phần dư (Phần thập phân)
    var So_Du = num_So - so_Nguyen;
    //Làm tròn số dư
    So_Du = RoundNummer(So_Du, 2);
    So_Du = So_Du * 100;
    So_Du = Math.round(So_Du);
    //Tạo mảng các chữ số thuộc phần nguyên
    var arr_s = (so_Nguyen + "").split("");

    var j = 1;
    for (var i = arr_s.length - 1; i >= 0; i--)
    {
        
        if (j == 4)
        {
            num_SoVN = arr_s[i] + "." + num_SoVN;
            j = 1;
        }
        else
        {
            num_SoVN = arr_s[i] + num_SoVN;
        }
        j++;
    }
    if (So_Du != 0)
    {
        num_SoVN = num_SoVN + "," + So_Du;
    }
    else
    {
        num_SoVN = num_SoVN + ",00";
    }
    return num_SoVN;
}
function ChangePrice(DVT_Truoc, DVT_Sau, Gia_Truoc)
{
    
    if (!vGoldSjcSell || !vForexs || !vCosts)
        return Gia_Truoc;

    var GiaSJC = Number(vGoldSjcSell.replace(",", "")) * 1000;
    var GiaUSD = 0;
    var GiaVND_Truoc = 0;
    var Gia_Sau = 0;
    for (var i = 0; i < vForexs.length; i++)
    {
        if (vForexs[i].toUpperCase() == "USD")
        {
            GiaUSD = Number(vCosts[i])*1000;
            break;
        }
    }
    //Chuyển tiền trước về dạnh VND
    switch (DVT_Truoc.toUpperCase())
    {
        case "USD":
            GiaVND_Truoc = Gia_Truoc * GiaUSD;
            break;
        case "VND":
            GiaVND_Truoc = Gia_Truoc;
            break;
        case "SJC":
            GiaVND_Truoc = Gia_Truoc * GiaSJC;
            break;
        default:
            GiaVND_Truoc = Gia_Truoc;
    }
    
    switch (DVT_Sau.toUpperCase())
    {
        case "USD":
            Gia_Sau = GiaVND_Truoc / GiaUSD;
            break;
        case "VND":
            Gia_Sau = GiaVND_Truoc;
            break;
        case "SJC":
            Gia_Sau = GiaVND_Truoc / GiaSJC;
            break;
    }
    
    return RoundNummer(Gia_Sau,2);
}

function ActiveMenu()
{
    var ctr_Link;
    var ctr_SpanLink;
   
    if (CurrentPage_DaiLy)
    {
        switch (CurrentPage_DaiLy)
        {
            case "TrangChu":
                ctr_Link = document.getElementById("TrangChu");
                ctr_Link.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Left.png") no-repeat left top';
               
                ctr_SpanLink = ctr_Link.children[0];
                ctr_SpanLink.style.color = '#333333';
                ctr_SpanLink.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Right.png") no-repeat right top';
                MenuOver(ctr_Link, 'Span_Space_1,Span_Space_2');

                break;
            case "SanBDS":
                ctr_Link = document.getElementById("SanBDS");
                ctr_Link.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Left.png") no-repeat left top';

                ctr_SpanLink = ctr_Link.children[0];
                ctr_SpanLink.style.color = '#333333';
                ctr_SpanLink.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Right.png") no-repeat right top';
                MenuOver(ctr_Link, 'Span_Space_2,Span_Space_3');
                break;
            case "TinTuc":
                ctr_Link = document.getElementById("TinTuc");
                ctr_Link.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Left.png") no-repeat left top';

                ctr_SpanLink = ctr_Link.children[0];
                ctr_SpanLink.style.color = '#333333';
                ctr_SpanLink.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Right.png") no-repeat right top';
                MenuOver(ctr_Link, 'Span_Space_3,Span_Space_4');
                break;
            case "GioiThieu":
                ctr_Link = document.getElementById("GioiThieu");
                ctr_Link.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Left.png") no-repeat left top';

                ctr_SpanLink = ctr_Link.children[0];
                ctr_SpanLink.style.color = '#333333';
                ctr_SpanLink.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Right.png") no-repeat right top';
                MenuOver(ctr_Link, 'Span_Space_4,Span_Space_5');
                break;
            case "LienHe":
                ctr_Link = document.getElementById("LienHe");
                ctr_Link.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Left.png") no-repeat left top';

                ctr_SpanLink = ctr_Link.children[0];
                ctr_SpanLink.style.color = '#333333';
                ctr_SpanLink.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Right.png") no-repeat right top';
                MenuOver(ctr_Link, 'Span_Space_5,Span_Space_6');
                break;
            case "BanDo":
                ctr_Link = document.getElementById("BanDo");
                ctr_Link.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Left.png") no-repeat left top';

                ctr_SpanLink = ctr_Link.children[0];
                ctr_SpanLink.style.color = '#333333';
                ctr_SpanLink.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Images/Menu_Tab_Right.png") no-repeat right top';
                MenuOver(ctr_Link, 'Span_Space_6');
                break;
        }
    }
}


function ChangeTab(ctr_a)
{
    var ctr_Link;
    var ctr_SpanLink;
    var ctr_Div;
    if (!ctr_a)
        return false;
    for (var i = 1; i <= 5; i++)
    {
        if (!document.getElementById('11_Tab_' + i))
            continue;

        if ('11_Tab_' + i == ctr_a.id)
        {
            ctr_Link = document.getElementById('11_Tab_' + i);
            ctr_Link.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Khung/11_Tab_L.png") no-repeat left top';

            ctr_SpanLink = ctr_Link.children[0];
            ctr_SpanLink.style.color = '#333333';
            ctr_SpanLink.style.background = 'url("../App_Themes/' + ThemeName + '/Images/Khung/11_Tab_R.png") no-repeat right top';

//            ctr_Div = document.getElementById('11_Div_' + i);
//            ctr_Div.style.display = "inline";
        }
        else
        {
            ctr_Link = document.getElementById('11_Tab_' + i);
            ctr_Link.style.background = '';

            ctr_SpanLink = ctr_Link.children[0];
            if (ThemeName == "MauVang")
                ctr_SpanLink.style.color = '#f67400';
            else if (ThemeName == "MauDo")
                ctr_SpanLink.style.color = '#ffcace';
            else if (ThemeName == "MauXanh")
                ctr_SpanLink.style.color = '#92de94';
            ctr_SpanLink.style.background = '';

//            ctr_Div = document.getElementById('11_Div_' + i);
//            ctr_Div.style.display = "none";
        }
    }
    return false;
}

function MenuOver(ctr_a, str_ID)
{
    var arr = str_ID.split(",");
    for (var i = 0; i < arr.length; i++)
    {
        var Span_Space = document.getElementById(arr[i]);
        if (!Span_Space)
            continue;
        Span_Space.style.visibility = "hidden";
    }
    return false;
}
function MenuOut(ctr_a, str_ID)
{
    if (ctr_a.id == CurrentPage_DaiLy)
        return false;
    var arr = str_ID.split(",");
    for (var i = 0; i < arr.length; i++)
    {
        var Span_Space = document.getElementById(arr[i]);
        if (!Span_Space)
            continue;
        Span_Space.style.visibility = "visible";
    }
    ActiveMenu();
    return false;
}

///Hàm tạo khung
function Create_Khung(Type, ID_Khung, str_Title)
{

    var div_Khung = document.getElementById(ID_Khung);
    var html_Before = div_Khung.innerHTML;
    var html_Begin = '';
    var html_End = '';
    var w = 0;
    switch (Type)
    {
        case 1: //Khung_1
            w = 10;
            html_Begin = '  <div class="Khung_1_T">\
                                <div class="Khung_1_TL">\
                                    <div class="Khung_1_TR">\
                                        <div class="Khung_1_TC">\
                                        </div>\
                                    </div>\
                                </div>\
                            </div>\
                            <div class="Khung_1_M">\
                                <div class="Khung_1_ML">\
                                    <div class="Khung_1_MR">\
                                        <div class="Khung_1_MC">';

            html_End = '                </div>\
                                    </div>\
                                </div>\
                            </div>\
                            <div class="Khung_1_B">\
                                <div class="Khung_1_BL">\
                                    <div class="Khung_1_BR">\
                                        <div class="Khung_1_BC">\
                                        </div>\
                                    </div>\
                                </div>\
                            </div>';
            break;

        case 2: //Khung_2
            w = 12;
            html_Begin = '  <div class="Khung_2_L">\
                                    <div class="Khung_2_R">\
                                        <div class="Khung_2_C">\
                                            <span> ';

            html_End = '                </span>\
                                        </div>\
                                    </div>\
                                </div>';
            break;
        case 22: //Khung_2
            w = 12;
            html_Begin = '  <div class="Khung_2_L">\
                                    <div class="Khung_2_R">\
                                        <div class="Khung_2_C">';

            html_End = '            </div>\
                                    </div>\
                                </div>';
            break;
        case 4: //Khung_4
            w = 47;
            html_Begin = '  <div class="Khung_4_L">\
                                    <div class="Khung_4_R">\
                                        <div class="Khung_4_C">\
                                            <span>';

            html_End = '                </span>\
                                        </div>\
                                    </div>\
                                </div>';
            break;
        case 3: //Khung_3
            w = 12;
            var div_Tab = document.getElementById(ID_Khung + "_Tab_Out");
            var div_Content = document.getElementById(ID_Khung + "_Content");

            var html_Tab = ''

            if (div_Tab)
            {
                for (i = 0; i < div_Tab.childNodes.length; i++)
                {
                    if (!(div_Tab.childNodes[i].id) || (div_Tab.childNodes[i].id.toLowerCase() != ID_Khung.toLowerCase() + '_tab_' + i))
                        continue;
                    html_Tab += '   <div class="Khung_3_Tab">\
                                            <div class="Khung_3_Tab_L">\
                                            </div>\
                                            <div class="Khung_3_Tab_C">\
                                                <span>' +
                                                div_Tab.childNodes[i].innerHTML +
                                                '</span>\
                                            </div>\
                                            <div class="Khung_3_Tab_R">\
                                            </div>\
                                        </div>';
                }
                if (html_Tab.length > 0)
                {
                    html_Tab = '<div id="Khung_3_Tab_Out" class="Khung_3_Tab_Out"><div class="Khung_3_Tab_In">' + html_Tab + '</div></div>';

                }
                ///
                html_Before = div_Content.innerHTML;
            }


            html_Begin = html_Tab + '  <div class="Khung_3_T">\
                                    <div class="Khung_3_TL">\
                                        <div class="Khung_3_TR">\
                                            <div class="Khung_3_TC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_3_M">\
                                    <div class="Khung_3_ML">\
                                        <div class="Khung_3_MR">\
                                            <div class="Khung_3_MC">';

            html_End = '                </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_3_B">\
                                    <div class="Khung_3_BL">\
                                        <div class="Khung_3_BR">\
                                            <div class="Khung_3_BC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>';
            break;
        case 5: //Khung_5
            w = 12;
            var div_Tab = document.getElementById("Khung_5_Tab_Out");
            var div_Content = document.getElementById("Khung_5_Content");

            var html_Tab = ''

            if (div_Tab)
            {
                for (i = 0; i < div_Tab.childNodes.length; i++)
                {
                    if (!(div_Tab.childNodes[i].id) || (div_Tab.childNodes[i].id.substring(0, 4).toLowerCase() != 'tab_'))
                        continue;
                    html_Tab += '   <div class="Khung_5_Tab">\
                                            <div class="Khung_5_Tab_L">\
                                            </div>\
                                            <div class="Khung_5_Tab_C">\
                                                <span>' +
                                                div_Tab.childNodes[i].innerHTML +
                                                '</span>\
                                            </div>\
                                            <div class="Khung_5_Tab_R">\
                                            </div>\
                                        </div>';
                }
                if (html_Tab.length > 0)
                {
                    html_Tab = '<div id="Khung_5_Tab_Out" class="Khung_5_Tab_Out"><div class="Khung_5_Tab_In">' + html_Tab + '</div></div>';

                }
                ///
                html_Before = div_Content.innerHTML;
            }


            html_Begin = html_Tab + '  <div class="Khung_5_T">\
                                    <div class="Khung_5_TL">\
                                        <div class="Khung_5_TR">\
                                            <div class="Khung_5_TC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_5_M">\
                                    <div class="Khung_5_ML">\
                                        <div class="Khung_5_MR">\
                                            <div class="Khung_5_MC">';

            html_End = '                </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_5_B">\
                                    <div class="Khung_5_BL">\
                                        <div class="Khung_5_BR">\
                                            <div class="Khung_5_BC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>';
            break;
        case 6: //Khung_6
            w = 16;
            html_Begin = '  <div class="Khung_6_T">\
                                    <div class="Khung_6_TL">\
                                        <div class="Khung_6_TR">\
                                            <div class="Khung_6_TC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_6_M">\
                                    <div class="Khung_6_ML">\
                                        <div class="Khung_6_MR">\
                                            <div class="Khung_6_MC">';

            html_End = '                </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_6_B">\
                                    <div class="Khung_6_BL">\
                                        <div class="Khung_6_BR">\
                                            <div class="Khung_6_BC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>';
            break;
        case 7: //Khung_7
            w = 12;
            html_Begin = '  <div class="Khung_7_L">\
                                    <div class="Khung_7_R">\
                                        <div class="Khung_7_C">';

            html_End = '                </div>\
                                    </div>\
                                </div>';
            break;
        case 8: //Khung_8
            w = 12;
           html_Begin = '  <div class="Khung_8_L">\
                                    <div class="Khung_8_R">\
                                        <div class="Khung_8_C">';

            html_End = '                </div>\
                                    </div>\
                                </div>';
            break;
        case 10: //Khung_10
            w = 24;
            break;
        case 11: //Khung_11
            w = 12;
            var Khung_11_Header = document.getElementById("Khung_11_Header");
            var Khung_11_Content = document.getElementById("Khung_11_Content");
            html_Before = Khung_11_Content.innerHTML;
            html_Begin = '<div class="Khung_11_Header" id="Khung_11_Header">' + Khung_11_Header.innerHTML + '</div>\
                            <div class="Khung_11_Content" id="Khung_11_Content">\
                            <div class="Khung_11_C">';
            html_End = '</div>\
                            <div class="Khung_11_B">\
                                <div class="Khung_11_BL">\
                                    <div class="Khung_11_BR">\
                                        <div class="Khung_11_BC">\
                                        </div>\
                                    </div>\
                                </div>\
                            </div>\
                        </div>';
            break;
        case 12: //Khung_12
            w = 12;
            html_Begin = '  <div class="Khung_12_T">\
                                    <div class="Khung_12_TL">\
                                        <div class="Khung_12_TR">\
                                            <div class="Khung_12_TC">' +
                                                str_Title +
                                            '</div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_12_M">\
                                    <div class="Khung_12_ML">\
                                        <div class="Khung_12_MR">\
                                            <div class="Khung_12_MC">';

            html_End = '                </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_12_B">\
                                    <div class="Khung_12_BL">\
                                        <div class="Khung_12_BR">\
                                            <div class="Khung_12_BC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>';
            break;
        case 13: //Khung_13
            w = 4;
            break;
        case 14: //Khung_14
            w = 16;
            html_Begin = '  <div class="Khung_14_T">\
                                    <div class="Khung_14_TL">\
                                        <div class="Khung_14_TR">\
                                            <div class="Khung_14_TC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_14_M">\
                                    <div class="Khung_14_ML">\
                                        <div class="Khung_14_MR">\
                                            <div class="Khung_14_MC">';

            html_End = '                </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_14_B">\
                                    <div class="Khung_14_BL">\
                                        <div class="Khung_14_BR">\
                                            <div class="Khung_14_BC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>';
            break;
        case 16: //Khung_16
            w = 28;
            var div_Tab = document.getElementById("Khung_16_Tab_Out");
            var div_Content = document.getElementById("Khung_16_Content");
            var html_Tab = ''

            if (div_Tab)
            {
                for (i = 0; i < div_Tab.childNodes.length; i++)
                {
                    if (!(div_Tab.childNodes[i].id) || (div_Tab.childNodes[i].id.substring(0, 4).toLowerCase() != 'tab_'))
                        continue;
                    html_Tab += '   <div class="Khung_16_Tab">\
                                            <div class="Khung_16_Tab_L">\
                                            </div>\
                                            <div class="Khung_16_Tab_C">\
                                                <span>' +
                                                div_Tab.childNodes[i].innerHTML +
                                                '</span>\
                                            </div>\
                                            <div class="Khung_16_Tab_R">\
                                            </div>\
                                        </div>';
                }
                if (html_Tab.length > 0)
                {
                    html_Tab = '<div id="Khung_16_Tab_Out" class="Khung_16_Tab_Out"><div class="Khung_16_Tab_In">' + html_Tab + '</div></div>';

                }
                ///
                html_Before = div_Content.innerHTML;
            }


            html_Begin = html_Tab + '  <div class="Khung_16_T">\
                                    <div class="Khung_16_TL">\
                                        <div class="Khung_16_TR">\
                                            <div class="Khung_16_TC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_16_M">\
                                    <div class="Khung_16_ML">\
                                        <div class="Khung_16_MR">\
                                            <div class="Khung_16_MC">';

            html_End = '                </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_16_B">\
                                    <div class="Khung_16_BL">\
                                        <div class="Khung_16_BR">\
                                            <div class="Khung_16_BC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>';

            break;
        default:

            break;

    }

    if (div_Khung.offsetWidth && div_Khung.offsetWidth > w)
        div_Khung.style.width = (div_Khung.offsetWidth - w) + 'px';
    div_Khung.innerHTML = html_Begin + html_Before + html_End;

}