Index: /trunk/src/map/inc/nodemapWL.js
===================================================================
--- /trunk/src/map/inc/nodemapWL.js	(revision 7706)
+++ /trunk/src/map/inc/nodemapWL.js	(revision 7706)
@@ -0,0 +1,24 @@
+var map;
+var geoXml;
+var toggleState = 1;
+
+	function initialize_map() {
+  	  if (GBrowserIsCompatible()) {
+  	    geoXml = new GGeoXml("http://www.mantixweb.nl/nodemap/example.kml?tijd=10342");
+        map = new GMap2(document.getElementById("mapcanvas"));
+        map.setCenter(new GLatLng(52.162687, 4.493294), 11); 
+        map.setUIToDefault();
+        map.addOverlay(geoXml);
+  	  }
+	} 
+	
+	function toggleMyKml() {
+  	  if (toggleState == 1) {
+    	map.removeOverlay(geoXml);
+    	toggleState = 0;
+  	  } else {
+   		map.addOverlay(geoXml);
+    	toggleState = 1;
+  	  }
+	}
+
Index: /trunk/src/map/inc/overlay.js
===================================================================
--- /trunk/src/map/inc/overlay.js	(revision 7706)
+++ /trunk/src/map/inc/overlay.js	(revision 7706)
@@ -0,0 +1,27 @@
+var map;
+var geoXml;
+var toggleState = 1;
+
+
+
+/*
+	function initialize_map() {
+  	  if (GBrowserIsCompatible()) {
+  	    geoXml = new GGeoXml("http://www.mantixweb.nl/nodemap/example.kml?tijd=10342");
+        map = new GMap2(document.getElementById("mapcanvas"));
+        map.setCenter(new GLatLng(52.162687, 4.493294), 11); 
+        map.setUIToDefault();
+        map.addOverlay(geoXml);
+  	  }
+	} 
+	
+	function toggleMyKml() {
+  	  if (toggleState == 1) {
+    	map.removeOverlay(geoXml);
+    	toggleState = 0;
+  	  } else {
+   		map.addOverlay(geoXml);
+    	toggleState = 1;
+  	  }
+	}
+*/
Index: /trunk/src/map/index.php
===================================================================
--- /trunk/src/map/index.php	(revision 7706)
+++ /trunk/src/map/index.php	(revision 7706)
@@ -0,0 +1,85 @@
+<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="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>
Index: /trunk/src/map/style/stylesheet.css
===================================================================
--- /trunk/src/map/style/stylesheet.css	(revision 7706)
+++ /trunk/src/map/style/stylesheet.css	(revision 7706)
@@ -0,0 +1,98 @@
+#mainwrapper {
+font-family: Verdana, Serif, Times;
+background-color: white;
+width: 750px;
+}
+
+#mapcanvas {
+width: 575px;
+height: 400px;
+float: left;
+}
+
+#infowrapper {
+margin-left: 575px;
+width: 175px;
+height: 400px;
+}
+
+#infotop {
+border: 2px solid black;
+height: 243px;
+width: 100%;
+}
+
+#infotop h1 {
+font-size: 15px;
+margin-top: 5px;
+}
+
+#infotop h2 {
+font-size: 12px;
+margin-top: 0px;
+}
+
+#nodeinfo {
+height: 205px;
+margin-left: 5px;
+}
+#timestamp {
+margin-right: 2px;
+font-size: 12px;
+bottom: 0px;
+text-align: right;
+vertical-align: bottom;
+}
+
+
+#infobottom {
+border: 2px solid black;
+height: 145px;
+width: 100%;
+margin-top: 5px;
+}
+
+#searchbox {
+margin-top: 3px;
+border-top: 1px solid gray;
+border-bottom: 1px solid gray;
+height: 25px;
+}
+
+#searchbox input[type=text] {
+width: 85%;
+}
+
+#searchbox input.text {
+width: 85%;
+}
+
+#searchbox input[type=button] {
+width: 15%;
+}
+
+#searchbox input.button {
+width: 15%;
+}
+
+
+#searchlist {
+overflow: hidden;
+}
+
+#searchlist select {
+width: 100%;
+height: 115px;
+}
+
+#navigation {
+margin-top: 5px;
+height: 100px;
+width: 750px;
+color: red;
+}
+
+#navigation td {
+vertical-align: top;
+color: red;
+}
Index: /trunk/src/map/style/stylesheet2.css
===================================================================
--- /trunk/src/map/style/stylesheet2.css	(revision 7706)
+++ /trunk/src/map/style/stylesheet2.css	(revision 7706)
@@ -0,0 +1,98 @@
+#mainwrapper {
+font-family: Verdana, Serif, Times;
+background-color: white;
+width: 750px;
+}
+
+#mapcanvas {
+width: 575px;
+height: 400px;
+}
+
+#infowrapper {
+margin-left: 0px;
+position: absolute;
+width: 175px;
+height: 400px;
+}
+
+#infotop {
+border: 2px solid black;
+height: 243px;
+width: 100%;
+}
+
+#infotop h1 {
+font-size: 15px;
+margin-top: 5px;
+}
+
+#infotop h2 {
+font-size: 12px;
+margin-top: 0px;
+}
+
+#nodeinfo {
+height: 205px;
+margin-left: 5px;
+}
+#timestamp {
+margin-right: 2px;
+font-size: 12px;
+bottom: 0px;
+text-align: right;
+vertical-align: bottom;
+}
+
+
+#infobottom {
+border: 2px solid black;
+height: 145px;
+width: 100%;
+margin-top: 5px;
+}
+
+#searchbox {
+margin-top: 3px;
+border-top: 1px solid gray;
+border-bottom: 1px solid gray;
+height: 10px;
+}
+
+#searchbox input[type=text] {
+width: 85%;
+}
+
+#searchbox input.text {
+width: 85%;
+}
+
+#searchbox input[type=button] {
+width: 15%;
+}
+
+#searchbox input.button {
+width: 15%;
+}
+
+
+#searchlist {
+overflow: hidden;
+}
+
+#searchlist select {
+width: 100%;
+height: 115px;
+}
+
+#navigation {
+margin-top: 5px;
+height: 100px;
+width: 750px;
+color: red;
+}
+
+#navigation td {
+vertical-align: top;
+color: red;
+}
