function getHeight() {
            var containerHeight = 0;
            if ( typeof( window.innerWidth ) == 'number' ) {
                //Non-IE
                containerHeight = window.innerHeight;
            } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
                //IE 6+ in 'standards compliant mode'
                containerHeight = document.documentElement.clientHeight;
            } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
                //IE 4 compatible
                containerHeight = document.body.clientHeight;
            }
            return containerHeight;
        }
        function resizeContent() {
            //alert('Your resolution is ' + screen.width + 'x' + screen.height);
            var content = document.getElementById("content");
            //var optimalHeight = Math.round(0.65 * screen.height); // set the content area height to 65% of the screen height
            var optimalHeight = Math.round(0.80 * getHeight()); // set the content area height to 80% of the container height
            optimalHeight = (optimalHeight < 400)? 400 : optimalHeight;
            //alert ('Setting content height to ' + optimalHeight + 'px');
            content.style.height = optimalHeight + 'px';
        }
        function pageSetup() {
            resizeContent();
        }
        window.onresize = resizeContent;