--- zogiLib/zpt/Attic/zogiLibMain_image.zpt	2004/04/28 10:44:43	1.4
+++ zogiLib/zpt/Attic/zogiLibMain_image.zpt	2004/06/03 18:05:57	1.7
@@ -1,48 +1,49 @@
 <html>
-<head>
-<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/>
-<script tal:attributes="src python:here.REQUEST['URL1']+'/navigation_js'" type="text/javascript"></script>
-<script tal:attributes="src python:here.REQUEST['URL1']+'/option_js'" type="text/javascript"></script>
-<script type="text/javascript" tal:content="structure python:here.generateTopJavaScript()"></script>
+<head tal:content="structure here/createHeadJS">
 </head>
-<body onload="init()" tal:define="dummy here/storeQuery">
+<body onload="dl_init()" tal:define="dummy here/storeQuery">
 <div id="navigation">
-<form onchange="setDLParam(event)" method="get" action="setParam">
-<select name="ws">
-	<option selected>Size</option>
-	<option tal:attributes="value python:here.biggerWS()">bigger</option>
-	<option tal:attributes="value python:here.smallerWS()">smaller</option>
+<form method="get" action="setDLParams">
+<select onChange="setDLParam(event, this)" name="ws">
+	<option value="1" selected>Size</option>
+	<option tal:attributes="value python:here.getBiggerWS()">bigger</option>
+	<option tal:attributes="value python:here.getSmallerWS()">smaller</option>
 	<option value="1">1 x</option>
 	<option value="2">2 x</option>
 	<option value="3">3 x</option>
 </select>
-<a  target="digilib" href="javascript:mark()">set a mark</a>
-<a  target="digilib" href="javascript:unmark()">delete mark</a>
-<a  target="digilib" href="javascript:ref(1)">get the reference</a>
-<a  target="digilib" href="javascript:zoomArea()">zoom area</a>
-<a  target="digilib" href="javascript:zoomPoint(+1)">zoom in</a>
-<a  target="digilib" href="javascript:zoomPoint(-1)">zoom out</a>
-<a  target="digilib" href="javascript:zoomFullpage()">whole page</a>
-<a  target="digilib" href="javascript:mirror('h')">Mirror (h)</a>
-<a  target="digilib" href="javascript:mirror('v')">Mirror (v)</a>
-<a href="javascript:wd=window.open('options','Options','width=300,height=250');void('');wd.focus();">options</a>
+<a href="javascript:setMark()">set a mark</a>
+<a tal:attributes="href python:here.REQUEST['URL1']+'/dl_Unmark'">delete mark</a>
+<a href="javascript:getRef(1)">get the reference</a>
+<a href="javascript:zoomArea()">zoom area</a>
+<a tal:attributes="href python:here.REQUEST['URL1']+'/dl_ZoomIn'">zoom in</a>
+<a tal:attributes="href python:here.REQUEST['URL1']+'/dl_ZoomOut'">zoom out</a>
+<a tal:attributes="href python:here.REQUEST['URL1']+'/dl_WholePage'">whole page</a>
+<a tal:attributes="href python:here.REQUEST['URL1']+'/dl_HMirror'">Mirror (h)</a>
+<a tal:attributes="href python:here.REQUEST['URL1']+'/dl_VMirror'">Mirror (v)</a>
+<a tal:attributes="href python:'javascript:openWin(\'%s/optionwindow\',\'Options\',\'width=300,height=250\')'%here.REQUEST['URL1']">options</a>
 </form>
 </div>
 
-
-<div id="scaler" tal:content="structure python:here.generateScalerImg(here.REQUEST.QUERY_STRING)"/>
- <div id="dot0" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/mark1.gif'" border="0"></div>
- <div id="dot1" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/mark2.gif'" border="0"></div>
- <div id="dot2" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/mark3.gif'" border="0"></div>
- <div id="dot3" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/mark4.gif'" border="0"></div>
- <div id="dot4" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/mark5.gif'" border="0"></div>
- <div id="dot5" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/mark6.gif'" border="0"></div>
- <div id="dot6" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/mark7.gif'" border="0"></div>
- <div id="dot7" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/mark8.gif'" border="0"></div>
- <div id="eck1" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/olinks.gif'" border="0"></div>
- <div id="eck2" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/orechts.gif'" border="0"></div>
- <div id="eck3" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/ulinks.gif'" border="0"></div>
- <div id="eck4" style="position: absolute; left: -20; top: 100; visibility: hidden"><img tal:attributes="src python:here.REQUEST['URL1']+'/images/urechts.gif'" border="0"></div>
+<table>
+<tr>
+  <td></td>
+  <td align="center"><a tal:condition="here/canMoveUp" tal:attributes="href python:here.REQUEST['URL1']+'/dl_MoveUp'"><img tal:attributes="src python:here.basePath+'up_img'"/></a></td>
+  <td></td>
+</tr>
+<tr>
+  <td valign="center"><a tal:condition="here/canMoveLeft" tal:attributes="href python:here.REQUEST['URL1']+'/dl_MoveLeft'"><img tal:attributes="src python:here.basePath+'left_img'"/></a></td>
+  <td><div tal:replace="structure here/createScalerImg"/></td>
+  <td valign="center"><a tal:condition="here/canMoveRight" tal:attributes="href python:here.REQUEST['URL1']+'/dl_MoveRight'"><img tal:attributes="src python:here.basePath+'right_img'"/></a></td>
+</tr>
+<tr>
+  <td></td>
+  <td align="center"><a tal:condition="here/canMoveDown" tal:attributes="href python:here.REQUEST['URL1']+'/dl_MoveDown'"><img tal:attributes="src python:here.basePath+'down_img'"/></a></td>
+  <td></td>
+</tr>
+</table>
+<div tal:replace="structure here/createAuxDiv"/>
+<hr>
+<a href="javascript:showcoordsN4()">Test for N4</a>
 </body>
-</html>												      
-										 
+</html>
