window.onresize = setAutoHeight;
function setAutoHeight() {
    var header_div = document.getElementById("header");
    var footer_div = document.getElementById("footer");
    var main_content_div = document.getElementById("main_content");
    var gap_div = document.getElementById("gap");
    var nav_div = document.getElementById("navigation_bar");
    var headerHeight = header_div ? header_div.offsetHeight : 0;
    var footerHeight = footer_div.offsetHeight;
    var mainHeight = main_content_div.offsetHeight;
    var clientHeight = document.documentElement.clientHeight;
    var navHeight = 0;
    if (nav_div != null) {
        navHeight = nav_div.offsetHeight;
    }
    if (clientHeight > headerHeight + footerHeight + mainHeight + navHeight) {
        gap_div.style.display = "block";
        gap_div.style.height = (clientHeight - headerHeight - footerHeight - mainHeight - navHeight - 1) + "px";
    }
    else {
        gap_div.style.display = "none";
        gap_div.style.height = "0px";
    }
}
$(document).ready(function () {
    setAutoHeight();
});