window.onresize = resizeApp;

function resizeApp() {
	if (browser.isIE6x) {
		return;
	}
	var viewportSize = getViewportSize();
	var scrollableArea = document.getElementById('content');
	var nonScrollableArea = headerHeight + subnavHeight + fixedElementsHeight + footerHeight + extraVertHeight;
	var newHeight = viewportSize[1] - nonScrollableArea;
	scrollableArea.style.height = newHeight <= 0 ? '0px' : newHeight+'px';
	//if (document.getElementById('debug')) {document.getElementById('debug').innerHTML = viewportSize + '; debug top is '+document.getElementById('debug').offsetTop + '; footer top is '+document.getElementById('footer').offsetTop}
}

function getViewportSize() {
    var size = [0, 0];
    if (typeof window.innerWidth != 'undefined') {
     size = [ window.innerWidth, window.innerHeight ];
    } else if (typeof document.documentElement != 'undefined'
    	&& typeof document.documentElement.clientWidth != 'undefined'
    	&& document.documentElement.clientWidth != 0) {
     size = [ document.documentElement.clientWidth, document.documentElement.clientHeight ];
    } else {
     size = [ document.getElementsByTagName('body')[0].clientWidth, document.getElementsByTagName('body')[0].clientHeight ];
    }
    return size;
}