# HG changeset patch
# User Atul Varma <varmaa@toolness.com>
# Date 1259431973 18000
# Node ID cbaef654b9da9c75ca7f40e70856d19ba847ffd6
# Parent  6cf1f35c9c86255bc6f9d4dac73a9c63ff9842ae
show full-size image on mouseover of thumbnail. increase darkness of countdown text.

diff -r 6cf1f35c9c86 -r cbaef654b9da mbp.css
--- a/mbp.css	Sat Nov 28 12:30:48 2009 -0500
+++ b/mbp.css	Sat Nov 28 13:12:53 2009 -0500
@@ -2,13 +2,14 @@
     background: #f6f6f6;
     color: #222222;
     font-family: helvetica;
+    overflow-y: scroll;
 }
 
 #countdown {
     padding-top: 4em;
     text-align: center;
     font-size: 24pt;
-    color: #eeeeee;
+    color: gray;
 }
 
 #container {
@@ -62,3 +63,12 @@
 .mbp-entry .small {
     display: inline;
 }
+
+br {
+    clear: left;
+}
+
+#images {
+    padding-top: 4pt;
+    text-align: center;
+}
diff -r 6cf1f35c9c86 -r cbaef654b9da mbp.html
--- a/mbp.html	Sat Nov 28 12:30:48 2009 -0500
+++ b/mbp.html	Sat Nov 28 13:12:53 2009 -0500
@@ -107,6 +107,8 @@
   the browser.</div>
 </div>
 </div>
+<br/>
+<div id="images"></div>
 </body>
 <script src="jquery.js"></script>
 <script src="mbp.js"></script>
diff -r 6cf1f35c9c86 -r cbaef654b9da mbp.js
--- a/mbp.js	Sat Nov 28 12:30:48 2009 -0500
+++ b/mbp.js	Sat Nov 28 13:12:53 2009 -0500
@@ -31,6 +31,12 @@
             crop.width = crop.right - crop.left;
             crop.height = crop.bottom - crop.top;
             var canvas = document.createElement("canvas");
+            var self = $(this).clone();
+            $(canvas).mouseenter(
+              function() {
+                $("#images").empty();
+                $("#images").append(self);
+              });
             $(canvas).addClass("thumbnail");
             $(this).before(canvas);
             var ctx = canvas.getContext("2d");