function DropDown() {
    $(".dropMenu").find(".dropdown-toggle").each(function (idx, el) {
        var dropMenu = $(el).parent()[0]
        $(el).click(function (e) {
            $(dropMenu).hasClass("active")
                ? $(dropMenu).removeClass("active")
                : $(dropMenu).addClass("active")
        })
    })
}

function Nav() {
    var nav = $(".nav").find('.nav-link');
    var _width = 100 / nav.length;
    $.each(nav, function (idx, el) {
        $(el).css('width', _width + '%');
    });
}

function setHeaderHeight(range) {
    var header = $("header");
    var client_width = document.body.clientWidth;
    var width = client_width > 1920 ? 1920 : client_width;
    var height = (width / range) + 'px';
    header.css('height', height);
}

function setBannerHeight() {
    var width = $("#carouselExampleCaptions").width();
    var height = (width / 3) + 'px';
    $("#carouselExampleCaptions").find(".carousel-item img").each(function (idx, el) {
        $(el).css('height', height);
    });
}

function setMainMargin() {
    var HeaderHeight = $("header").height();
    var navHeight = $("nav").height();
    var logoHeight = 100;
    var bannerHeight = $("#carouselExampleCaptions").outerHeight(true);
    var marginTop = (bannerHeight + logoHeight + navHeight) - HeaderHeight + 20;
    $("main").css('padding-top', marginTop)
}

var notice = {
    bks: {
        bks_daily: true,
        bks_course: false
    },
    yjs: {
        yjs_daily: true,
        yjs_course: false
    }
}

function handleClickBtn(id) {
    if (!id) {
        var tabs = Object.keys(notice)
        for (var i = 0; i < tabs.length; i++) {
            var temp1 = tabs[i]
            var type = Object.keys(notice[temp1])
            for (var j = 0; j < type.length; j++) {
                var temp2 = type[j]
                if (notice[temp1][temp2]) {
                    var el = '#' + temp2
                    var link = '#link_' + temp2
                    $(el).css('display', 'block')
                    $(link).css('display', 'block')
                }
            }
        }
    }
    else {
        var prefix = id.split('_')[0]
        var type = Object.keys(notice[prefix])
        for (var i = 0; i < type.length; i++) {
            var key = type[i]
            if (key === id) {
                notice[prefix][key] = true
                var el = '#' + key
                var btn = '#' + 'btn_' + key
                var link = '#' + 'link_' + key
                $(el).css('display', 'block')
                $(link).css('display', 'block')
                $(btn).addClass('active')
            } else {
                notice[prefix][key] = false
                var el = '#' + key
                var btn = '#' + 'btn_' + key
                var link = '#' + 'link_' + key
                $(el).css('display', 'none')
                $(link).css('display', 'none')
                $(btn).removeClass('active')
            }
        }
    }
}

function subNav(id) {
    var nav = $(id).find('.nav-link');
    var _width = 100 / nav.length;
    $.each(nav, function (idx, el) {
        $(el).css('width', _width + '%');
        $(el).bind('mouseover', function () {
            $(el).addClass('active')
        })
        $(el).bind('mouseout', function () {
            $(el).removeClass('active')
        })
    });
}

function getNewHeight() {
    var height = $("#imgFluid").css('height').replace('px', '')
    var width = (parseInt(height) / 3) * 4
    $("#imgFluid").css('width', width + 'px')
    $("#contentFluid").css('width', 'calc(100% - ' + width + 'px)')
}

function getLeftTitle() {
    var leftHeight = $("#ContainerLF").height()
    var _height = document.documentElement.clientHeight - $("header").height() - 140
    var height = ($("#ContainerRT").find(".Content").outerHeight(true) + 20)
    if (leftHeight > _height && leftHeight > height) {
        return
    } else if (height > leftHeight && height > _height) {
        $("#ContainerLF").css('height', height + 'px')
    } else {
        $("#ContainerLF").css('height', _height + 'px')
    }
}

var meetings = [
    'meeting_today',
    'meeting_this_week',
    'meeting_next_week'
]

function handleMeeting(id) {
    var btn = '#btn_' + id
    var list = '#' + id
    var isActive = $(btn).hasClass("active")
    if (isActive) {
        return
    } else {
        for (var i = 0; i < meetings.length; i++) {
            if (meetings[i] === id) {
                $(btn).addClass("active")
                $(list).css('display', 'block')
            } else {
                var _btn = '#btn_' + meetings[i]
                var _list = '#' + meetings[i]
                $(_btn).removeClass("active")
                $(_list).css('display', 'none')
            }
        }
    }
}