<html>
<head>
<title>Nodemap Wireless Leiden</title>

<link href="style/stylesheet.css" rel="stylesheet" type="text/css">
<!--[if IE]>
	<link href="style/stylesheet2.css" rel="stylesheet" type="text/css">
<![endif]-->

<!-- Loading in the google-api -->
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA" type="text/javascript"></script>
<!-- Loading in the javascript that will add the map into #mapcanvas -->
<script type="text/javascript" src="inc/nodemapWL.js"></script>
</head>
<body>
<div id="mainwrapper">
	<div id="mapcanvas">
		<!-- Create the map using the intitialize_map() function from nodemapWL.js -->
		<script type="text/javascript">initialize_map();</script>
	</div>
	<div id="infowrapper">
		<!-- Top information space -->
		<div id="infotop">
			<div id="nodeinfo">
			<h1>Nodenaam</h1>
			<h2>
			Locatie: Oude Adeweg Leiderdorp <br/>
			Meer info: <br/>
			>>>>>>: <br/>
			>>>>>>: <br/>
			>>>>>>: <br/>
			>>>>>>: <br/>
			</h2>
			</div>
			<div id="timestamp">
			Laatste update: 15:42 <br/>
			Do 25 maart
			</div>
		</div>		

		<!-- Bottom information space -->
		<div id="infobottom">
			<div id="searchbox">
				<form>
				<input type="text" name="naam" size="18" maxlength="30"><input type="button" name="knop" value=">">
				</form>
			</div>
			<div id="searchlist">
				<select multiple>
					<option value="node1">Node 1 Leiden</option>
					<option value="node2">Node 2 Leiden</option>
					<option value="node3">Node 3 Leiden</option>
					<option value="node4">Node 4 Leiden</option>
					<option value="node5">Node 5 Leiden</option>
					<option value="node6">Node 6 Leiden</option>
					<option value="node7">Node 7 Leiden</option>
					<option value="node8">Node 8 Leiden</option>
					<option value="node9">Node 9 Leiden</option>
					<option value="node10">Node 10 Leiden</option>
				</select>
			</div>
		</div>
	</div>
	
	<!-- General functions under the map -->
	<div id="navigation">
	<form>
		<table>
			<tr>
				<!-- First colum -->
				<td>
					<input type="checkbox" value="shownodes" onchange="toggleMyKml();" CHECKED>Toon nodes
				</td>	
				<!-- Second colum -->
				<td>
					<input type="checkbox" value="showrange">Toon dekking <br/>
					<input type="checkbox" value="showtraffic">Toon dataverkeer
				</td>
			</tr>
		</table>
	</form>	
	</div>
</div>
</body>
</html>