Add tabbed interface to gui

1 files changed, 16 insertions, 0 deletions

diff --git a/gui/static/script.js b/gui/static/script.js
new file mode 100644
index 0000000..231aa03
--- /dev/null
+++ b/gui/static/script.js
@@ -0,0 +1,16 @@
+$(document).ready(function() {
+    // Only show first tab
+    $('#info div:not(:first)').hide();
+
+    // Handle clicks on tabs to change visiblity of panes
+    $('#info-nav li').click(function(event) {
+        event.preventDefault();
+        $('#info div').hide();
+        $('#info-nav .current').removeClass("current");
+        $(this).addClass('current');
+        var clicked = $(this).find('a:first').attr('href');
+        $('#info ' + clicked).fadeIn('fast');
+    }).eq(0).addClass('current');
+
+});
+