function ShowMessage(mess)
{
    alert(mess);
    return false;
}
///Hàm tạo khung
function Create_Khung(Type, ID_Khung, str_Title)
{
    Create_Khung_Width(Type, ID_Khung, str_Title, 0);
}
///Hàm tạo khung
function Create_Khung_Width(Type,ID_Khung, str_Title, Khung_Width)
{
    
    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_T">\
                                    <div class="Khung_7_TL">\
                                        <div class="Khung_7_TR">\
                                            <div class="Khung_7_TC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_7_M">\
                                    <div class="Khung_7_ML">\
                                        <div class="Khung_7_MR">\
                                            <div class="Khung_7_MC">';

                html_End = '                </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_7_B">\
                                    <div class="Khung_7_BL">\
                                        <div class="Khung_7_BR">\
                                            <div class="Khung_7_BC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>';
                break;
            case 8: //Khung_8
                w = 12;
                html_Begin = '  <div class="Khung_8_T">\
                                    <div class="Khung_8_TL">\
                                        <div class="Khung_8_TR">\
                                            <div class="Khung_8_TC">' +
                                                str_Title +
                                            '</div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_8_M">\
                                    <div class="Khung_8_ML">\
                                        <div class="Khung_8_MR">\
                                            <div class="Khung_8_MC">';

                html_End = '                </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_8_B">\
                                    <div class="Khung_8_BL">\
                                        <div class="Khung_8_BR">\
                                            <div class="Khung_8_BC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>';
                break;
            case 10: //Khung_10
                w = 24;
                break;
            case 11: //Khung_11
                w = 40;
                html_Begin = '  <div class="Khung_11_L">\
                                    <div class="Khung_11_R">\
                                        <div class="Khung_11_C">';

                html_End = '            </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(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.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="' + ID_Khung + '_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 && Khung_Width == 0)
        div_Khung.style.width = (div_Khung.offsetWidth - w) + 'px';
    else
        div_Khung.style.width = (Khung_Width - w) + 'px';
        
    div_Khung.innerHTML = html_Begin + html_Before + html_End;
   
}


function Logout()
{

}

/// <summary>
/// Lấy chiều rộng cho phép của màn hình
/// </summary>
function GetWidth()
{
    //#region
    var w = 0;
    if (self.innerHeight)
    {
        w = self.innerWidth;
    }
    else if (document.documentElement && document.documentElement.clientHeight)
    {
        w = document.documentElement.clientWidth;
    }
    else if (document.body)
    {
        w = document.body.clientWidth;
    }
    return w;
    //#endregion
}

/// <summary>
/// Lấy chiều cao cho phép của màn hình
/// </summary>
function GetHeight()
{
    //#region
    var h = 0;
    if (self.innerHeight)
    {
        h = self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientHeight)
    {
        h = document.documentElement.clientHeight;
    }
    else if (document.body)
    {
        h = document.body.clientHeight;
    }
    return h
    //#endregion
}

//Lấy vị trí top của thanh cuộn
function GetScrollTop()
{
    var t= 0 ;
    if (typeof window.pageYOffset != 'undefined')
    {
        t = parseInt(window.pageYOffset);
    }
    else if (typeof document.documentElement.scrollTop!= 'undefined' && document.documentElement.scrollTop > 0)
    {
        t = parseInt(document.documentElement.scrollTop);
    }
    else if (typeof document.body.scrollTop != 'undefined')
    {
        t = parseInt(document.body.scrollTop);
    }
    return t;
}

//lấy vị trí left của thanh cuộn
function GetScrollLeft()
{
    var l = 0;
    if (typeof window.pageYOffset != 'undefined')
    {
        l = parseInt(window.pageXOffset);
    }
    else if (typeof document.documentElement.scrollTop!= 'undefined' && document.documentElement.scrollTop > 0)
    {
        l = parseInt(document.documentElement.scrollLeft);
    }
    else if (typeof document.body.scrollTop != 'undefined')
    {
        l = parseInt(document.body.scrollLeft);
    }
    return l;
}

function ShowHoTroTrucTuyen()
{
    var div_HoTro = document.getElementById("divHoTroTrucTuyen");
    if (!div_HoTro)
        return;
    var scroll_w = 22;
    div_HoTro.style.position = "absolute";
    div_HoTro.style.top =  (Number(GetHeight()) - parseInt(div_HoTro.offsetHeight)) + "px";
    div_HoTro.style.left = (Number(GetWidth()) - parseInt(div_HoTro.offsetWidth) - 22) + "px";
    div_HoTro.style.visibility = "visible";
    div_HoTro.style.position = "fixed";
}

function ShowIfameHoTro()
{
    Show_FaceBoxIframe('../ChatEngine/ChildChat.aspx');

}