--- zogiLib/zpt/Attic/zogiLibMain_image.zpt	2004/04/28 10:44:43	1.4
+++ zogiLib/zpt/Attic/zogiLibMain_image.zpt	2004/06/04 12:28:12	1.8
@@ -1,48 +1,31 @@
 <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" tal:attributes="action python:here.zogilibPath()+'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.zogilibPath()+'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.zogilibPath()+'dl_ZoomIn'">zoom in</a>
+<a tal:attributes="href python:here.zogilibPath()+'dl_ZoomOut'">zoom out</a>
+<a tal:attributes="href python:here.zogilibPath()+'dl_WholePage'">whole page</a>
+<a tal:attributes="href python:here.zogilibPath()+'dl_HMirror'">Mirror (h)</a>
+<a tal:attributes="href python:here.zogilibPath()+'dl_VMirror'">Mirror (v)</a>
+<a tal:attributes="href python:'javascript:openWin(\''+here.zogilibPath()+'optionwindow\',\'Viewing Options\',\'width=300,height=250\')'">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>
+<div tal:replace="structure here/createScalerDiv"/>
+<div tal:replace="structure here/createAuxDiv"/>
 </body>
-</html>												      
-										 
+</html>
