diff --git a/docs/css/screen.css b/docs/css/screen.css
index a02835e4..2c723312 100644
--- a/docs/css/screen.css
+++ b/docs/css/screen.css
@@ -73,4 +73,16 @@ a.twitter-link {
 	}
 	
 .javascript .keyword {
+	}
+	
+#toc ul {
+	list-style-type: none;
+	padding-left: 0;
+	}
+	
+#map-class {
+	margin-top: 0.5em;
+	}
+a.nodocs {
+	color: #f44;
 	}
\ No newline at end of file
diff --git a/reference.html b/reference.html
index c8f13eed..b2a6c5d2 100644
--- a/reference.html
+++ b/reference.html
@@ -37,7 +37,90 @@
 		</p>
 		<hr />
 		
-		<h2>L.Map</h2>
+		<h2>Contents</h2>
+		
+		<div id="toc" class="clearfix">
+			<div class="span-5">
+				<h3><a href="#map-class">Map</a></h3>
+				<ul>
+					<li><a href="#">Usage example</a></li>
+					<li><a href="#">Constructor</a></li>
+					<li><a href="#">Options</a></li>
+				</ul>
+				<ul>
+					<li><a href="#">Methods that modify map state</a></li>
+					<li><a href="#">Methods that get map state</a></li>
+					<li><a href="#">Conversion methods</a></li>
+					<li><a class="nodocs" href="#">Methods for popups</a></li>
+					<li><a class="nodocs" href="#">Methods for controls</a></li>
+					<li><a class="nodocs" href="#">Misc. methods</a></li>
+				</ul>
+				<ul>
+					<li><a class="nodocs" href="#">Interaction handlers</a></li>
+				</ul>
+			</div>
+			<div class="span-4">
+				<h3>UI layers</h3>
+				<ul>
+					<li><a class="nodocs" href="#">Marker</a></li>
+					<li><a class="nodocs" href="#">Popup</a></li>
+				</ul>
+				<h3>Raster layers</h3>
+				<ul>
+					<li><a class="nodocs" href="#">TileLayer</a></li>
+					<li><a class="nodocs" href="#">ImageOverlay</a></li>
+				</ul>
+				<h3>Vector layers</h3>
+				<ul>
+					<li><a href="#path">Path</a></li>
+					<li><a href="#polyline">Polyline</a></li>
+					<li><a href="#polygon">Polygon</a></li>
+					<li><a href="#circle">Circle</a></li>
+				</ul>
+			</div>
+			<div class="span-4">
+				<h3>Basic types</h3>
+				<ul>
+					<li><a class="nodocs" href="#">Point</a></li>
+					<li><a class="nodocs" href="#">Bounds</a></li>
+					<li><a href="#latlng">LatLng</a></li>
+					<li><a class="nodocs" href="#">LatLngBounds</a></li>
+				</ul>
+				<h3>Mixins</h3>
+				<ul>
+					<li><a class="nodocs" href="#">Mixin.Events</a></li>
+				</ul>
+				<h3>Interfaces</h3>
+				<ul>
+					<li><a class="nodocs" href="#">ILayer</a></li>
+					<li><a class="nodocs" href="#">IProjection</a></li>
+					<li><a class="nodocs" href="#">IHandler</a></li>
+				</ul>
+			</div>
+			<div class="span-4 last">
+				<h3>Utility</h3>
+				<ul>
+					<li><a class="nodocs" href="#">Class</a></li>
+					<li><a class="nodocs" href="#">Browser</a></li>
+					<li><a class="nodocs" href="#">Util</a></li>
+					<!-- <li><a class="nodocs" href="#">LineUtil</a></li>
+					<li><a class="nodocs" href="#">PolyUtil</a></li> -->
+				</ul>
+				<ul>
+					<li><a class="nodocs" href="#">DomEvent</a></li>
+					<li><a class="nodocs" href="#">DomUtil</a></li>
+					<!-- <li><a class="nodocs" href="#">Transition</a></li>
+					<li><a class="nodocs" href="#">Draggable</a></li> -->
+					<li><a class="nodocs" href="#">Icon</a></li>
+				</ul>
+				<!-- <ul>
+					<li><a class="nodocs" href="#">Transformation</a></li>
+					<li><a class="nodocs" href="#">Projection.Mercator</a></li>
+				</ul> -->
+			</div>
+		</div>
+		
+		<h2 id="map-class">L.Map</h2>
 		
 		<p>The central class of the API — it is used to create a map on a page and manipulate it.</p>
 		
@@ -388,7 +471,7 @@ map.addLayer(cloudmade);</code></pre>
 		
 		
 		
-		<h2>L.Path</h2>
+		<h2 id="path">L.Path</h2>
 		<p>An abstract class that contains options and constants shared between vector overlays (Polygon, Polyline, Circle). Do not use it directly.
 		
 		<h3 id="path-options">Options</h3>
@@ -472,7 +555,7 @@ map.addLayer(cloudmade);</code></pre>
 		</table>
 		
 		
-		<h2>Polyline</h2>
+		<h2 id="polyline">Polyline</h2>
 		
 		<p>A class for drawing polyline overlays on a map. Extends Path. Use <a href="#map-addlayer">Map#addLayer</a> to add it to the map.</p>
 		
@@ -525,7 +608,7 @@ map.addLayer(polyline);</code></pre>
 		</table>
 		
 		
-		<h2>Polygon</h2>
+		<h2 id="polygon">Polygon</h2>
 		
 		<p>A class for drawing polygon overlays on a map. Extends Polyline. Use <a href="#map-addlayer">Map#addLayer</a> to add it to the map.</p>
 		
@@ -543,7 +626,7 @@ map.addLayer(polyline);</code></pre>
 		</table>
 		
 		
-		<h2>Circle</h2>
+		<h2 id="circle">Circle</h2>
 		
 		<p>A class for drawing circle overlays on a map. Extends Path. Use <a href="#map-addlayer">Map#addLayer</a> to add it to the map.</p>