function resizePage() {
	var element = document.getElementById("frame");
	element.style["height"] = (document.documentElement.clientHeight-20) + "px;"
	element.style["backgroundPosition"] = "0px -300px";
}

function lever() {
	squeezeTo(150);
}	

function squeezeTo(target) {
	var frame = document.getElementById("frame");
	var levers = document.getElementById("levers");
	
	var widthString = frame.style["width"];
	var width = parseInt(widthString.substring(0,widthString.length-2));
	
	if (width > target) {
		width -= 10;
		frame.style["width"] = width + "px";
		frame.style["backgroundPosition"] = -(300-width)/2 + "px " + (-width) + "px";
		levers.style["left"] = (width-100)/2 + "px";
		levers.style["right"] = (width-100)/2 + "px";
		setTimeout("squeezeTo(" + target + ")", 10);
	} else {
		setTimeout("why()", 750);
	}
}

function why() {
	document.getElementById("header").innerHTML = "Why do we even have that lever?";
}
	
function trim(text) {
	while (text.substring(0,1) == ' ') {
		text = text.substring(1, text.length);
	}
	while (text.substring(text.length-1, text.length) == ' ') {
		text = text.substring(0,text.length-1);
	}
	return text;
}