From b88908cd7cbe0f0cec71d129e8899e676dcadef9 Mon Sep 17 00:00:00 2001
From: ceee <cee@live.at>
Date: Sat, 13 Jul 2013 12:51:49 +0200
Subject: [PATCH] navigation by hash;

---
 .../Assets/Javascripts/main.js                | 25 ++++++++++++++++---
 PocketSharp.Website/index.html                | 10 ++++----
 2 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/PocketSharp.Website/Assets/Javascripts/main.js b/PocketSharp.Website/Assets/Javascripts/main.js
index f74ac06..56a5268 100644
--- a/PocketSharp.Website/Assets/Javascripts/main.js
+++ b/PocketSharp.Website/Assets/Javascripts/main.js
@@ -4,18 +4,33 @@
 {
   var anchors = document.querySelectorAll('.app-nav a');
 
+  if (window.location.hash.length > 1)
+  {
+    console.info(window.location.hash);
+    changePart.call(document.querySelector('a[data-id="' + window.location.hash.slice(1) + '"]'));
+  }
+
+
   for (var i = anchors.length - 1; i >= 0; i--)
   {
     anchors[i].addEventListener('click', changePart, false);
   }
 
 
-
   function changePart(e)
   {
-    e.preventDefault();
- 
-    var id = this.id;
+    
+    if (e)
+    {
+      e.preventDefault();
+    }
+
+    if (!this.getAttribute)
+    {
+      return;
+    }
+
+    var id = this.getAttribute('data-id');
     var parts = document.querySelectorAll('div[data-part]');
     var isActive = false;
 
@@ -27,6 +42,8 @@
 
       changeActiveClass(this);
     }
+
+    window.location.hash = id;
   }
 
 
diff --git a/PocketSharp.Website/index.html b/PocketSharp.Website/index.html
index 7f91e72..76639b9 100644
--- a/PocketSharp.Website/index.html
+++ b/PocketSharp.Website/index.html
@@ -45,11 +45,11 @@
 
     <div class="app-main">
       <nav class="app-nav">
-        <a id="gettingstarted" class="is-active">Getting Started</a>
-        <a id="authentication">Authentication</a>
-        <a id="retrieve">Retrieve</a>
-        <a id="add">Add</a>
-        <a id="modify">Modify</a>
+        <a href="#" data-id="gettingstarted" class="is-active">Getting Started</a>
+        <a href="#" data-id="authentication">Authentication</a>
+        <a href="#" data-id="retrieve">Retrieve</a>
+        <a href="#" data-id="add">Add</a>
+        <a href="#" data-id="modify">Modify</a>
       </nav>
       <article class="article">