diff --git a/index.html b/index.html
index 5e8eaad..e8d069b 100644
--- a/index.html
+++ b/index.html
@@ -13,8 +13,8 @@
 
     <script type="x-jst" id="image-template">
     <div class="koch-image">
-        <a href="#">
-            <img src="<%= image %>">
+        <a href="<%= image %>">
+            <img src="<%= thumbnail %>">
             <div class="koch-caption"><%= name %></div>
         </a>
     </div>
diff --git a/js/inner-circle.js b/js/inner-circle.js
index eb61d13..f22e9d8 100644
--- a/js/inner-circle.js
+++ b/js/inner-circle.js
@@ -21,7 +21,8 @@ var defaults = {
     currentorganization: "",
     currenttitle: "",
     pastpositions: "",
-    image: "http://placehold.it/200x250"
+    thumbnail: "http://placehold.it/200x250",
+    image: "http://placehold.it/400x500"
 }
 
 function render(data, tabletop) {
@@ -39,8 +40,15 @@ function render(data, tabletop) {
                 d[key] = defaults[key];
             }
         }
-        root.append(template(d))
+        root.append(template(d));
     });
+
+    fancybox();
+}
+
+function fancybox() {
+    // apply fancybox
+    $('.koch-image a').fancybox();
 }
 
 var tabletop = new Tabletop(TABLE);
\ No newline at end of file
diff --git a/jst/image.jst b/jst/image.jst
index 12cc25f..b4e2bcc 100644
--- a/jst/image.jst
+++ b/jst/image.jst
@@ -1,6 +1,6 @@
 <div class="koch-image">
-    <a href="#">
-        <img src="<%= image %>">
+    <a href="<%= image %>">
+        <img src="<%= thumbnail %>">
         <div class="koch-caption"><%= name %></div>
     </a>
 </div>
\ No newline at end of file