﻿function setDiv(leftSideName, rightSideName) {
    //get the two Div's on the page
    var leftSideDiv = document.getElementById(leftSideName);
    var rightSideDiv = document.getElementById(rightSideName);
    var leftSideHeight = leftSideDiv.offsetHeight
    var rightSideHeight = rightSideDiv.offsetHeight;
    
    if(leftSideHeight > rightSideHeight)
    {
        //if the left side is taller, put the border there
        leftSideDiv.style.borderRight = "solid 1px #2c2c2c";
        leftSideDiv.style.marginRight = "0px";
        leftSideDiv.style.paddingRight = "20px";
        rightSideDiv.style.marginLeft = "20px";
    }
    else
    {
        //if the right side is taller put the border there
        rightSideDiv.style.borderLeft = "solid 1px #2c2c2c";
        rightSideDiv.style.marginLeft = "0px";
        rightSideDiv.style.paddingLeft = "20px";
        leftSideDiv.style.marginRight = "20px";
    }
}