// Handles resizing of the browser window
function WindowResizingHandler()
{
    // Re-adjust height of main content area
    AdjustContentHeight();
}



// Set window resizing event handler
function SetWindowResizeHandler()
{
    // Set window resizing event handler
    window.onresize = WindowResizingHandler;
}



// Adjusts height of main content area
function AdjustContentHeight()
{
    // Total vertical padding (from container)
    var verticalPadding = 2 * 10;
    
    // Browser window height
    var windowHeight = 0;
    
    // Header and footer heights
    var headerHeight = 0;
    var footerHeight = 0;
    
    // Main content height
    var contentHeight = 0;
    
    // Get browser window height
    windowHeight = GetWindowHeight();
    
    // Get header and footer heights
    headerHeight = document.getElementById('MasterHeader').offsetHeight;
    footerHeight = document.getElementById('MasterFooter').offsetHeight;
    
    // Get main content height
    contentHeight = document.getElementById('MasterMain').offsetHeight;
    
    // Check if main content height needs to be adjusted to a minimum height
    if (headerHeight + footerHeight + contentHeight + verticalPadding < windowHeight)
    {
        // Compute adjusted height
        var adjustedHeight = windowHeight - headerHeight - footerHeight - verticalPadding;
        
        // Adjust main content height
        if (adjustedHeight > 0)
        {
            document.getElementById('MasterMainWrapper').style['height'] = adjustedHeight + 'px';
        }
    }
}