bookreaderdev
diff --git a/‎_layouts/splash.html‎
Lines changed: 8 additions & 5 deletions b/‎_layouts/splash.html‎
Lines changed: 8 additions & 5 deletions
diff --git a/‎js/jquery.address-1.4.min.js‎
Lines changed: 29 additions & 0 deletions b/‎js/jquery.address-1.4.min.js‎
Lines changed: 29 additions & 0 deletions
@@ -12,6 +12,7 @@
 		<link href="/projectsatom.xml" type="application/atom+xml" rel="alternate" title="Projects Feed" />
 		<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
 		<script type="text/javascript" src="/js/jquery.metro.js"></script>
+		<script type="text/javascript" src="/js/jquery.address-1.4.min.js"></script>
 		<link rel="shortcut icon" href="/img/favicon.ico" />
 		<link rel="stylesheet" type="text/css" href="/css/landing.css" />
 	</head>
@@ -45,12 +46,14 @@ <h2 style="display:inline;">a new coding project every week</h2>
 					itemsTemplate: function () { return $("<div class='items' />"); },
 					headersTemplate: function () { return $("<div class='headers' />"); },
 					controlInitialized: undefined,
-					selectedItemChanged: undefined
+					selectedItemChanged: function () { $.address.value($(".header.current")[0].innerText); }
 				};
-
-			$(function () {
-				$("div.metro-pivot").metroPivot(defaults);
-			});
+		$(function () {
+			$("div.metro-pivot").metroPivot(defaults);
+		});
+		$.address.init().change(function(event) {
+            $("div.metro-pivot").data("controller").goToItemByName(event.value.substring(1))
+        });
 		</script>
 	</body>
 </html>