<html>
<head><title>MapServer Demo Interface</title></head>
<SCRIPT LANGUAGE="JavaScript">
  function mapplet_apply(name, minx, miny, maxx, maxy, redraw) {
    document.mapserv.imgbox.value = minx + " " + miny + " " + maxx + " " + maxy;
    document.mapserv.imgxy.value = minx + " " + miny;
  }

  function mapplet_error(message) {
    alert(message);
  }
</SCRIPT>

<body bgcolor=#FFFFFF>

<center><h1>MapServer Demo Interface</h1></center>
<hr>
<form name="mapserv" method=GET action="[program]">
<input type="hidden" name="imgxy" value="299.5 299.5">
<input type="hidden" name="imgbox" value="-1 -1 -1 -1">

<center>
<table border=0 cellspacing=0 cellpadding=4 bgcolor="#000000">
<tr>
<td valign="top" align=center>
  <table cellpadding="0" cellspacing="0" border="0">
    <applet codebase="/java" code="mapplet.class" width="600" height="400" name="mapplet" MAYSCRIPT>
      <param name="image" value="http://[host][img]">
    </applet>
    <tr>
      <td> <font size=-1 face="arial,helvetica" color="#FFFFFF"><b>Powered by MapServer</b></font></td>
      <td align="right"><img src="[scalebar]"></td>
    </tr>
  </table>
</td>
<td valign="top" bgcolor=#ffffff>
  <table cellpadding="5" cellspacing="0" border="0" bgcolor="#ffffff">
    <tr><td>
      <center><input type="submit" value="Refresh/Query"></center>
      <p>

      <input type="radio" name="mode" value="browse" checked> <b>Browse map</b><br>
      <input type="radio" name="mode" value="query"> <b>Query feature</b><br>
      <input type="radio" name="mode" value="nquery"> <b>Query multiple features</b>

      <hr>

      <p>
      <b>Select Layers to Display: </b><br>
      <select multiple name="layer" size=3>
        <option value="airports" [airports_select]> Airports
        <option value="cities" [cities_select]> Cities
        <option value="lakespy2" [lakespy2_select]> Lakes & Rivers
        <option value="dlgstln2" [dlgstln2_select]> Streams
        <option value="roads" [roads_select]> Roads
        <option value="twprgpy3" [twprgpy3_select]> Townships
      </select>

      <p>
      Zoom In <input type=radio name=zoomdir value=1 [zoomdir_1_check]> 
      Pan <input type=radio name=zoomdir value=0 [zoomdir_0_check]>
      Zoom Out <input type=radio name=zoomdir value=-1 [zoomdir_-1_check]>
      <p>
      Zoom Size <input type=text name=zoomsize size=4 value=[zoomsize]>
      <p>
    </td></tr></table>

  </td></tr>
</table>
</center>

<input type="hidden" name="imgxy" value="299.5 299.5">
<input type="hidden" name="imgext" value="[mapext]">
<input type="hidden" name="map" value="[map]">
<input type="hidden" name="savequery" value="true">

<input type="hidden" name="program" value="[program]">
<input type="hidden" name="map_web_imagepath" value="[map_web_imagepath]">
<input type="hidden" name="map_web_imageurl" value="[map_web_imageurl]">

</form>

<p><hr><p>

  <table border="1">
    <tr><td>ITEM</td><td>VARIABLE</td></tr>
    <tr><td>IMG</td><td>[img]</td>
    <tr><td>Map</td><td>[map]</td>
    <tr><td>Host</td><td>[host]</td>
    <tr><td>MapLAT</td><td>[maplat]</td>
    <tr><td>MapLON</td><td>[maplon]</td>
  </table>

</body></html>