--- documentViewer/zpt/Attic/viewer_images.zpt	2011/08/31 16:22:39	1.1.2.5
+++ documentViewer/zpt/Attic/viewer_images.zpt	2011/09/05 09:10:36	1.1.2.6
@@ -36,8 +36,10 @@
             this.form.submit();
         });
         $('form.autosubmit input[type="submit"]').hide();
+        // get digilib div
+        $digilib = $('div.scaler');
         // configure digilib
-        $('div.scaler').digilib(dlOpts);
+        $digilib.digilib(dlOpts);
     });
 //-->
 </script>
@@ -59,7 +61,7 @@
       <div class="col-left">
         <metal:block metal:use-macro="python:path('here/template/toc_%s/macros/main'%tocMode)" />
       </div>
-      <!-- text page -->
+      <!-- col-main: text page -->
       <div class="col-main">
         <div class="ruler">
           <form class="autosubmit" tal:attributes="action viewerUrl">
@@ -79,13 +81,15 @@
               tal:condition="rightest" tal:attributes="href python:here.getLink('pn',rightest)">&gt;|</a> <span
               tal:condition="not:rightest">&gt;|</span>
           </form>
-        </div>
-        <!-- ruler -->
+        </div><!-- ruler -->
         <ul class="switcher">
           <li class="sel">Image</li>
           <li><a tal:condition="docpath" tal:attributes="href python:here.getLink('viewMode','text')">Text</a></li>
         </ul>
         <div class="content">
+          <div class="dl-buttons">
+            <span><a href="javascript:$digilib.digilib('zoomArea')">zoom</a></span>
+          </div>
           <div class="scaler">
             <img tal:attributes="src string:${docinfo/imageURL}&pn=${pageinfo/pn}&dw=500&dh=500" />
           </div>