window.onload = setLayout; 
			window.onresize = function(event) {
				setLayout(); 
			}
			function setLayout(){
				var winWidth = document.body.clientWidth;
				var winHeight = document.body.clientHeight-64;
				
				var minWidth = 980;
				var minHeight = 500;
				
				var maxWidth = 2560;
				var maxHeight = 800;
				
				var pf = document.getElementById("pageflip");
				if(winHeight < minHeight) {
					pf.style.height = minHeight+'px'; 
				} else if(winHeight > maxHeight){
					pf.style.height = maxHeight+'px';
				} else {
					pf.style.height = winHeight+'px';
				}
				
				if(winWidth < minWidth) {
					pf.style.width = minWidth+'px';
				} else if(winWidth > maxWidth) {
					pf.style.width = maxWidth+'px';
				} else{
					pf.style.width = '100%';
				}
			}