function renderPot(parentElement){
		var width = 470;
		var height = 400;

		var renderer, scene, camera, cube, wireframe, material;
		var loader = new THREE.STLLoader();
		
		function loadModel(modelFile){
				loader.load(
						modelFile,
						function ( geometry ) {
								var pot = new THREE.EdgesGeometry( geometry );
								scene.remove(wireframe);
								wireframe = new THREE.LineSegments( pot, material );
								wireframe.rotation.x = -1;
								wireframe.position.y = 2;
								wireframe.position.x = -10;
								scene.add( wireframe );
						}
				);
		}
		
		function setHeight(x){
				wireframe.scale.z = x;
		}
		function setLength(x){
				wireframe.scale.y = x;
		}
		function setWidth(x){
				wireframe.scale.x = x;
		}
		function setAngle(x){
				console.log('set angle not supported');		}

		function setDiameter(x){
				console.log('use set width and set length');
		}

		function setModel(x){
				console.log('set model to ', x);
				if(x === 'square'){
						loadModel('models/square.stl');
				}
				else if(x === 'ellipse'){
						loadModel('models/ellipse.stl');
				}else{
						console.error('can only load square or ellipse model');
				}
		}

		function init() {
				scene = new THREE.Scene();

				// background
				var backgroundPlaneGeo = new THREE.PlaneGeometry(200,200);
				var backgroundMaterial = new THREE.MeshBasicMaterial({color: 0xffffff });
				var backgroundPlane = new THREE.Mesh(backgroundPlaneGeo,
																						 backgroundMaterial); 
				backgroundPlane.position.z = -50;
				scene.add(backgroundPlane);
				
				// Pot
				material =
						new THREE.LineBasicMaterial( { color: 0x000000, linewidth: 2 } );
		
			


				camera = new THREE.PerspectiveCamera(50,
																						 width/height, 0.1, 1000);
				renderer = new THREE.WebGLRenderer( { antialias: true } );

				renderer.setSize( width, height );
				parentElement.appendChild(renderer.domElement);

				camera.position.z = 40;
				camera.position.y += 10;
				//camera.lookAt( scene.position );
				renderer.render(scene, camera);}
		;

		function render() {
				requestAnimationFrame( render );
				renderer.render( scene, camera );
				if(wireframe){
						wireframe.rotation.z += 0.01;
				}
		}

		init();
		render();

		return {
				setHeight: setHeight,
				setLength: setLength,
				setWidth: setWidth,
				setAngle: setAngle,
				setDiameter: setDiameter,
				setModel: setModel
		};
}

@@ -806,18 +806,16 @@
 orted');
-%09%09
 %7D%0A%0A%09%09fun
@@ -844,50 +844,36 @@
 %09%09%09%09
-console.log('use 
 set
- w
+W
 idth
- and set l
+(x);%0A%09%09%09%09setL
 ength
-'
+(x
 );%0A%09
@@ -1655,14 +1655,8 @@
 %0A%09%09%0A
-%09%09%09%0A%0A%0A
 %09%09%09%09
@@ -2036,14 +2036,15 @@
 ra);
+%0A%09%09
 %7D%0A%09%09
-;%0A
 %0A%09%09f

Add radius handler