<html>
<head>
<title>GIS For Lecture Halls</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="[root]/ms35.css" />
<script language="JavaScript">
<!--
var pansize = 0.5;
function pan(direction) {
var x, y;
if(direction == 'n') {
x = (400-1)/2.0;
y = 0 - (300 * pansize)/2.0;
} else if(direction == 'nw') {
x = 0 - (400 * pansize)/2.0;
y = 0 - (300 * pansize)/2.0;
} else if(direction == 'ne') {
x = (400-1) + (400 * pansize)/2.0;
y = 0 - (300 * pansize)/2.0;
} else if(direction == 's') {
x = (400-1)/2.0;
y = (300-1) + (300 * pansize)/2.0;
} else if(direction == 'sw') {
x = 0 - (400 * pansize)/2.0;
y = (300-1) + (300 * pansize)/2.0;
} else if(direction == 'se') {
x = (400-1) + (400 * pansize)/2.0;
y = (300-1) + (300 * pansize)/2.0;
} else if(direction == 'e') {
x = (400-1) + (400 * pansize)/2.0;
y = (300-1)/2.0;
} else if(direction == 'w') {
x = 0 - (400 * pansize)/2.0;
y = (300-1)/2.0;
}
document.mapserv.zoom[3].selected = true; // force pan
document.mapserv.imgxy.value = x + " " + y;
document.mapserv.submit();
}
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<h3 align="center">SUSL VIEW</h3>
<!-- START OF MAPSERVER FORM -->
<form name="mapserv" method=GET action="[program]">
<input type="hidden" name="root" value="[root]">
<input type="hidden" name="graphicsroot" value="[graphicsroot]">
<input type="hidden" name="program" value="[program]">
<input type="hidden" name="map_web" value="[map_web]">
<table width="600" border="0" align="center">
<tr>
<td>
<table width="600" border="1">
<tr>
<td colspan="4">Select Layers:<br>
<!-- SPECIFY VECTOR LAYERS -->
<input type="checkbox" name="layer" value="boundary" [boundary_check] check>
Boundary
<input type="checkbox" name="layer" value="lec_halls" [lec_halls_check]>
Lecture Halls
<input type="checkbox" name="layer" value="other_building" [other_building_check]>
Other Buildings
<input type="checkbox" name="layer" value="road" [road_check]>
Road
<br>
</tr>
</td>
<tr>
<td colspan="4">Select Facilities:<br>
<input type="checkbox" name="multimedia" value="yes">
Multimedia
<input type="checkbox" name="sound" value="yes">
Sound System
<input type="checkbox" name="ac" value="yes">
Air Conditioned
<input type="checkbox" name="fan" value="yes">
Fan </p>
<tr>
<td>
<!-- SPECIFY MAP MODE -->
<div align="center">Map Mode:<br>
<select name="mode">
<option value="browse" [browse_select]>Browse
<option value="map" [map_select]>Map
</option>
</select>
</div>
</td>
<td>
<!-- FORM SUBMIT BUTTON -->
<div align="center">
<input type="submit" value="Refresh">
</div>
</td>
<td>
<!-- ZOOM/PAN CONTROLS -->
<div align="center">Map Control: <br>
<select name="zoom">
<option value="4" [zoom_4_select]>Zoom In 4x</option>
<option value="3" [zoom_3_select]>Zoom In 3x</option>
<option value="2" [zoom_2_select]>Zoom In 2x</option>
<option value="1" [zoom_1_select]>Recenter</option>
<option value="-2" [zoom_-2_select]>Zoom Out 2x</option>
<option value="-3" [zoom_-3_select]>Zoom Out 3x</option>
<option value="-4" [zoom_-4_select]>Zoom Out 4x</option>
</select>
</div>
</td>
<!-- REFERENCE AND LEGEND COLUMN -->
<td rowspan="2" valign="top">
<p>Reference:<br>
<img name="ref" src="[ref]"></p>
<p>Legend:<br>
<img src="[legend]"> </p>
<p>Scale Bar:<br>
<img src="[scalebar]" align="left"></p>
</td>
</tr>
<tr>
<!-- DISPLAY THE MAPSERVER-CREATED MAP IMAGE -->
<td colspan="3" align="center" valign="top">
<table border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#666666">
<tr>
<td align="right" width="18"><a href="javascript:pan('nw')"><img src="[graphicsroot]/nw.gif" width="18" height="18" border="0" alt="pan northwest"></a></td>
<td align="center"><a href="javascript:pan('n')"><img src="[graphicsroot]/n.gif" width="23" height="18" border="0" alt="pan north"></a></td>
<td align="left" width="18"><a href="javascript:pan('ne')"><img src="[graphicsroot]/ne.gif" width="18" height="18" border="0" alt="pan northeast"></a></td>
</tr>
<tr>
<td align="right" width="18"><a href="javascript:pan('w')"><img src="[graphicsroot]/w.gif" width="18" height="23" border="0" alt="pan west"></a></td>
<td align="center"><input type="image" name="img" src="[img]" width="[mapwidth]" height="[mapheight]" border="0" alt="this is the map"></td>
<td align="left" width="18"><a href="javascript:pan('e')"><img src="[graphicsroot]/e.gif" width="18" height="23" border="0" alt="pan east"></a></td>
</tr>
<tr>
<td align="right" width="18"><a href="javascript:pan('sw')"><img src="[graphicsroot]/sw.gif" width="18" height="18" border="0" alt="pan southwest"></a></td>
<td align="center"><a href="javascript:pan('s')"><img src="[graphicsroot]/s.gif" width="23" height="18" border="0" alt="pan south"></a></td>
<td align="left" width="18"><a href="javascript:pan('se')"><img src="[graphicsroot]/se.gif" width="18" height="18" border="0" alt="pan southeast"></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- HIDDEN MAPSERVER CGI VARIABLES -->
<p>
<input type="hidden" name="imgxy" value="[center]">
<input type="hidden" name="imgext" value="[mapext]">
<input type="hidden" name="map" value="[map]">
<input type="hidden" name="savequery" value="true">
</p>
</form>
</body>
</html>