Basic template system to keep it saner.

docs/api/cameras/Camera.html

@@ -1,4 +1,4 @@
-<h1>Camera &larr; <a href="javascript:goTo('core/Object3D')">Object3D</a></h1>
+<h1>Camera &larr; [page:Object3D]</h1>
 
 <div>Abstract base class for cameras.</div>
 
@@ -10,16 +10,16 @@
 
 <h2>Properties</h2>
 
-<h3>matrixWorldInverse <a href="javascript:goTo('core/Matrix4')">Matrix4</a></h3>
+<h3>matrixWorldInverse [page:Matrix4]</h3>
 
-<h3>projectionMatrix <a href="javascript:goTo('core/Matrix4')">Matrix4</a></h3>
+<h3>projectionMatrix [page:Matrix4]</h3>
 
-<h3>projectionMatrixInverse <a href="javascript:goTo('core/Matrix4')">Matrix4</a></h3>
+<h3>projectionMatrixInverse [page:Matrix4]</h3>
 
 
 <h2>Methods</h2>
 
-<h3>lookAt( vector <a href="javascript:goTo('core/Vector3')">Vector3</a> )</h3>
+<h3>lookAt( vector [page:Vector3] )</h3>
 <div>
 Orient camera to look at Vector3()
 </div>
@@ -27,4 +27,4 @@ Orient camera to look at Vector3()
 
 <h2>Source</h2>
 
-<div><a href="https://github.com/mrdoob/three.js/blob/master/src/cameras/Camera.js" target="_blank">src/cameras/Camera.js</a></div>
+<div><a href="https://github.com/mrdoob/three.js/blob/master/src/[path].js" target="_blank">src/[path].js</a></div>

docs/api/cameras/PerspectiveCamera.html

@@ -1,4 +1,4 @@
-<h1>PerspectiveCamera &larr; <a href="javascript:goTo('cameras/Camera')">Camera</a> &larr; <a href="javascript:goTo('core/Object3D')">Object3D</a></h1>
+<h1>PerspectiveCamera &larr; [page:Camera] &larr; [page:Object3D]</h1>
 
 <div>Camera with perspective projection.</div>
 
@@ -10,33 +10,33 @@ scene.add( camera );
 
 <h2>Constructor</h2>
 
-<h3>PerspectiveCamera( fov <a href="javascript:goTo('core/Number')">Number</a>, aspect <a href="javascript:goTo('core/Number')">Number</a>, near <a href="javascript:goTo('core/Number')">Number</a>, far <a href="javascript:goTo('core/Number')">Number</a> )</h3>
+<h3>PerspectiveCamera( fov [page:Number], aspect [page:Number], near [page:Number], far [page:Number] )</h3>
 
 
 <h2>Properties</h2>
 
-<h3>fov <a href="javascript:goTo('core/Number')">Number</a></h3>
+<h3>fov [page:Number]</h3>
 <div>Camera frustum vertical field of view.</div>
 
-<h3>aspect <a href="javascript:goTo('core/Number')">Number</a></h3>
+<h3>aspect [page:Number]</h3>
 <div>Camera frustum aspect ratio.</div>
 
-<h3>near <a href="javascript:goTo('core/Number')">Number</a></h3>
+<h3>near [page:Number]</h3>
 <div>Camera frustum near plane.</div>
 
-<h3>far <a href="javascript:goTo('core/Number')">Number</a></h3>
+<h3>far [page:Number]</h3>
 <div>Camera frustum far plane.</div>
 
 
 <h2>Methods</h2>
 
-<h3>setLens( focalLength <a href="javascript:goTo('core/Number')">Number</a>, frameSize <a href="javascript:goTo('core/Number')">Number</a> )</h3>
+<h3>setLens( focalLength [page:Number], frameSize [page:Number] )</h3>
 <div>
 Uses focal length (in mm) to estimate and set FOV 35mm (fullframe) camera is used if frame size is not specified.<br />
 Formula based on <a href="http://www.bobatkins.com/photography/technical/field_of_view.html" target="_blank">http://www.bobatkins.com/photography/technical/field_of_view.html</a>
 </div>
 
-<h3>setViewOffset( fullWidth <a href="javascript:goTo('core/Number')">Number</a>, fullHeight <a href="javascript:goTo('core/Number')">Number</a>, x <a href="javascript:goTo('core/Number')">Number</a>, y <a href="javascript:goTo('core/Number')">Number</a>, width <a href="javascript:goTo('core/Number')">Number</a>, height <a href="javascript:goTo('core/Number')">Number</a> )</h3>
+<h3>setViewOffset( fullWidth [page:Number], fullHeight [page:Number], x [page:Number], y [page:Number], width [page:Number], height [page:Number] )</h3>
 <div>
 Sets an offset in a larger frustum. This is useful for multi-window or multi-monitor/multi-machine setups.<br /><br />
 
@@ -80,4 +80,4 @@ Updates camera's projection matrix. Must be called after change of parameters.
 
 <h2>Source</h2>
 
-<div><a href="https://github.com/mrdoob/three.js/blob/master/src/cameras/PerspectiveCamera.js" target="_blank">src/cameras/PerspectiveCamera.js</a></div>
+<div><a href="https://github.com/mrdoob/three.js/blob/master/src/[path].js" target="_blank">src/[path].js</a></div>

docs/index.html

@@ -15,18 +15,14 @@
 			h1 {
 				color: #999;
 				font-size: 18px;
-				margin-top: 20px;
+				margin-top: 30px;
 			}
 
 			#panel	{
 
 				position: fixed;
 
-				left: 0px;
-				top: 0px;
-
-				width: 200px;
-				height: 100%;
+				width: 160px;
 
 				padding-left: 20px;
 
@@ -82,11 +78,16 @@
 		<div id="viewer"></div>
 
 		<script>
-
 			var panel = document.getElementById( 'panel' );
 			var viewer = document.getElementById( 'viewer' );
 
 			var pages = {
+				"Arrya": "Array",
+				"Number": "Number",
+				"Camera": "cameras/Camera"
+			};
+
+			var list = {
 
 				"Core": [
 					{ name: "Clock", path: "core/Clock" },
@@ -128,13 +129,14 @@
 
 			var html = '';
 
-			for ( var category in pages ) {
+			for ( var category in list ) {
 
 				html += '<h1>' + category + '</h1>';
 
-				for ( var i = 0; i < pages[ category ].length; i ++ ) {
+				for ( var i = 0; i < list[ category ].length; i ++ ) {
 
-					var page = pages[ category ][ i ];
+					var page = list[ category ][ i ];
+					pages[ page.name ] = page.path;
 					html += '<li><a href="javascript:goTo(\'' + page.path + '\')">' + page.name + '</a></li>';
 
 				}
@@ -157,7 +159,16 @@
 
 					if ( xhr.readyState == 4 && ( xhr.status == 200 || xhr.status == 0 ) ) {
 
-						viewer.innerHTML = xhr.responseText + '<br>';
+						var text = xhr.responseText;
+						
+						text = text.replace(/\[path\]/gi, path);
+						text = text.replace(/\[page:(\w+)\]/gi, function ( str, p1 ) {
+
+							return "<a href=\"javascript:goTo('" + pages[ p1 ] + "')\">" + p1 + "</a>";
+
+						} );
+
+						viewer.innerHTML = text + '<br>';
 
 					}