// Resize images using an input range.
function resizeImage() {
	// make p tags wrapping img tags inline, to resize images correctly
	$("#main p").has("img").css("display", "inline-block");

	// toggle vectical input range
	$("#toolbar input[type=range][orient=vertical]").slideToggle();

	// resize image
	$("#toolbar input[type=range][orient=vertical]").mouseup(function () {
		$("#main p img").css("width", this.value + "%");
		this.title = this.value + "%";
	});
}