window.onload = function(e){
	resizePage();
}

function resizePage(){
	
	var windowWidth = document.body.offsetWidth;
	var windowHeight = document.body.offsetHeight;
	var width = 1536;
	var height = 1024;
	
	if(windowWidth < width){
		height = Math.round(height * (windowWidth / width));
		width = windowWidth;
	}
	
	document.getElementById('backgroundimage').style.width = width + 'px';
	document.getElementById('backgroundimage').style.height = height + 'px';
	document.getElementById('foreground').style.width = width + 'px';
	if(windowHeight <= height) document.getElementById('foreground').style.height = windowHeight + 'px';
	else document.getElementById('foreground').style.height = height + 'px';
	
	window.onresize = resizePage;
	
}