From cc2375c35375e00708d8a7411283a5c92a4623e3 Mon Sep 17 00:00:00 2001
From: Petri Lehtinen <petri.lehtinen@inoi.fi>
Date: Mon, 11 Apr 2011 15:56:09 +0300
Subject: [PATCH] Highlight current section with JavaScript

---
 src/media/css/styles.css  | 4 ++++
 src/media/js/navi.js      | 3 +++
 src/templates/master.html | 2 ++
 3 files changed, 9 insertions(+)
 create mode 100644 src/media/js/navi.js

diff --git a/src/media/css/styles.css b/src/media/css/styles.css
index da865fd..ed912ce 100644
--- a/src/media/css/styles.css
+++ b/src/media/css/styles.css
@@ -170,6 +170,10 @@ text-decoration: none;
 color: #496998;
 }
 
+nav .menu a.active {
+text-decoration: underline;
+}
+
 nav .menu a:hover {
 text-decoration: underline;
 }
diff --git a/src/media/js/navi.js b/src/media/js/navi.js
new file mode 100644
index 0000000..524db2a
--- /dev/null
+++ b/src/media/js/navi.js
@@ -0,0 +1,3 @@
+$(document).ready(function() {
+    $('nav .menu a[href="' + location.pathname + '"]').addClass('active');
+});
diff --git a/src/templates/master.html b/src/templates/master.html
index 0c45e3a..5a66559 100644
--- a/src/templates/master.html
+++ b/src/templates/master.html
@@ -140,6 +140,8 @@ <h3>Ota yhteyttä</h3>
         </div>
         <!-- #wrapper -->
 
+        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
+        <script type="text/javascript" src="/media/js/navi.js"></script>
 
 		<script type="text/javascript">