$(document).ready(function() {
resetHeight();
});
            

window.onresize = function () {resetHeight();};

function resetHeight() {
    if (document.getElementById("mainLeft")) {document.getElementById("mainLeft").style.height = "auto";}
    if (document.getElementById("mainRight")) {document.getElementById("mainRight").style.height = "auto";}
    setHeight();
}

function setHeight() {
    var contentHeight;
    if (document.documentElement.clientWidth){
        contentHeight = document.getElementById("main").clientHeight;
    }
    else if (window.innerWidth){
        contentHeight = document.getElementById("main").innerHeight;
    }
    if (document.getElementById("mainLeft")) {document.getElementById("mainLeft").style.height = (contentHeight) + "px";}
    if (document.getElementById("mainRight")) {document.getElementById("mainRight").style.height = (contentHeight) + "px";}
}