﻿
function Create_Khung(Type, ID_Khung, str_Title)
{
    setTimeout('Create_Khung_Delay(' + Type + ',"' + ID_Khung + '","' + str_Title + '")', 50);
}

///Hàm tạo khung
function Create_Khung_Delay(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 = 22;
            html_Begin = '  <div class="Khung_1">\
                                <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>\
                            </div>';
            break;
        case 2: //Khung_2
            w = 10;
            html_Begin = '  <div class="Khung_2">\
                                <div class="Khung_2_T">\
                                    <div class="Khung_2_TL">\
                                        <div class="Khung_2_TR">\
                                            <div class="Khung_2_TC">'+str_Title+'\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_2_M">\
                                    <div class="Khung_2_ML">\
                                        <div class="Khung_2_MR">\
                                            <div class="Khung_2_MC">';

            html_End = '                    </div>\
                                        </div>\
                                    </div>\
                                </div>\
                                <div class="Khung_2_B">\
                                    <div class="Khung_2_BL">\
                                        <div class="Khung_2_BR">\
                                            <div class="Khung_2_BC">\
                                            </div>\
                                        </div>\
                                    </div>\
                                </div>\
                            </div>';
            break;
        case 3: //Khung_3
            w = 10;
            html_Begin = '  <div class="Khung_3">\
                                <div class="Khung_3_T">\
                                    <div class="Khung_3_TL">\
                                        <div class="Khung_3_TR">\
                                            <div class="Khung_3_TC">' + str_Title + '\
                                            </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>\
                            </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;

}

