From 473ef7e26fc8d2c6b26e66b80d50e49c18fa24f8 Mon Sep 17 00:00:00 2001
From: Thibaut Horel <thibaut.horel@gmail.com>
Date: Thu, 27 Feb 2014 11:24:22 -0500
Subject: Basic tornado app displaying a page image and associated text side by
 side

---
 web/static/js/main.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 web/static/js/main.js

(limited to 'web/static/js/main.js')

diff --git a/web/static/js/main.js b/web/static/js/main.js
new file mode 100644
index 0000000..ff09fd1
--- /dev/null
+++ b/web/static/js/main.js
@@ -0,0 +1,22 @@
+$(document).ready(function() {
+    $('#page').mapster({
+                mapKey: 'data-id',
+                fillColor: 'ff0000',
+                fillOpacity: 0.3, 
+    onMouseover: function (e) {
+        $("#" + e.key).addClass("selected");
+    },
+    onMouseout: function (e) {
+        $("#" + e.key).removeClass("selected");
+    }
+                
+    }).mapster('resize', 500);
+
+    $("span").mouseenter(function() {
+        $('area[data-id='+$(this).attr("id")+']').mapster("highlight");
+    });
+
+    $("span").mouseout(function() {
+        $('#page').mapster("highlight", false);
+    });
+});
-- 
cgit v1.2.3-70-g09d2