//adjust height of the inner content frame 290+15+25+50
$(document).ready(function () {
    $('div#content-right').adjustHeight($('body').outerHeight() - (290+15+25+18+50));
});

//adjust heights
jQuery.fn.adjustHeight = function (size) {
    if (size >= jQuery(this).outerHeight(true))
        jQuery(this).css({ 'height': size + 'px' });
}

jQuery.fn.adjustHeightToElement = function (source) {
    if (source.length > 0) {
        jQuery(this).adjustHeight(source.outerHeight(true));
    }
}

jQuery.fn.adjustHeightToLargest = function (source) {
    var largest = null;

    if (source.length > 0) {
        var max = 0;
        jQuery(source).each(function () {
            var height = jQuery(this).outerHeight(true);
            if (height > max) {
                max = height;
                largest = jQuery(this);
            }
        });

        jQuery(this).adjustHeightToElement(largest);
    }
}

// show/hide elements
function showElement(elementId) {
    if (document.getElementById(elementId)) document.getElementById(elementId).style.display = 'block';
}

function hideElement(elementId) {
    if (document.getElementById(elementId)) document.getElementById(elementId).style.display = 'none';
}

function showHideElement(elementToShow, elementToHide) {
    showElement(elementToShow);
    hideElement(elementToHide);
}