Index: src/django_gheat/website/templates/home.html
===================================================================
--- src/django_gheat/website/templates/home.html	(revision 9210)
+++ src/django_gheat/website/templates/home.html	(revision 9211)
@@ -8,38 +8,62 @@
   <script language="javascript" type="text/javascript">
     function toggleDiv(div){
-      if(document.getElementById(div + '_content').style.display != 'block'){
-        document.getElementById(div + '_content').style.display = 'block';
+      var show = div;
+      var hide;
+      if(show == 'info'){
+        hide = 'filters';
       }
       else{
-        document.getElementById(div + '_content').style.display = 'none';
+        hide = 'info';
+      }      
+      if(document.getElementById(show).style.display != 'block'){
+        document.getElementById(show).style.display = 'block';
+        document.getElementById(hide).style.display = 'none';
+      }
+      else{
+        document.getElementById(show).style.display = 'none';
+        document.getElementById(hide).style.display = 'none';
       }
     }
   </script>
 </head>
+
+
 <body onload="init()">
   <div id="heatmap"></div>
-  <div id="header">
-    <div id="header_title">
-      <font style="font-size:24px; color:white;" onclick="toggleDiv('header')">Stichting Wireless Leiden - Heatmap
-      <a href="http://www.wirelessleiden.nl/" style="float: right;">wirelessleiden.nl</a></font>
+  <div id="container">
+    <div id="header">
+      <font style="font-size:24px; color:white;">Stichting Wireless Leiden - Heatmap</font>
     </div>
-    <div id="header_content">
-    test
+    <div id="menu">
+      <font onclick="toggleDiv('info')">Info</font>
+      <font style="padding-left:15px;" onclick="toggleDiv('filters')">Filters</font>
     </div>
-  </div>
-  <div id="filters">
-    <div id="filters_title">
-      <font style="font-size:24px; color:white;" onclick="toggleDiv('filters')">Filters</font>
+    <div id="info">
+       test<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />test
     </div>
-    <div id="filters_content">
+    <div id="filters">
       <form method="get" action="">
-        User: <input type="text" id="user" name="user" size="14"/> <br />
-        Set: <input type="text" id="dataset" name="dataset" size="14"/> <br />
-        WirelessLeiden Node: <input type="text" id="wlnode" name="wlnode" size="14"/> <br />
-        Encrypted: <input type="checkbox" id="enc" name="enc"/> <br />
-        Date: <input type="text" id="date" name="date" size="14"/> <br />
-        Colour: <input type="text" id="colour" name="colour" size="14"/> <br />
-        Layername: <input type="text" id="lname" name="lname" size="14"/> <br />
-        <input type="button" value="Add filter" onClick="filters()"/>
+      <table border="0">
+        <tr>
+          <td>User</td>
+          <td><input type="text" id="user" name="user" size="10"/></td>
+          <td>WL Node</td>
+          <td><input type="text" id="wlnode" name="wlnode" size="10"/></td>
+          <td>Date</td>
+          <td><input type="text" id="date" name="date" size="10"/></td>
+          <td>Layer name</td>
+          <td><input type="text" id="lname" name="lname" size="10"/></td>
+        </tr>
+        <tr>
+          <td>Set</td>
+          <td><input type="text" id="dataset" name="dataset" size="10"/></td>
+          <td>Encrypted</td>
+          <td><input type="checkbox" id="enc" name="enc"/></td>
+          <td>Colour</td>
+          <td><input type="text" id="colour" name="colour" size="10"/></td>
+          <td></td>
+          <td><input type="button" value="Add filter" onClick="filters()"/></td>
+        </tr>
+      </table>
       </form>
     </div>
@@ -47,32 +71,2 @@
 </body>
 </html>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<body>
-<!-- Collapsible panel, with separate CSS and JavaScript -->
-<div style="width:170px;">
-  <div class="squarebox">
-    <div class="squareboxgradientcaption" style="height:20px; cursor: pointer;" onclick="togglePannelStatus(this.nextSibling)">
-      <div style="float: left"> 
-      </div>
-      <div style="float: right; vertical-align: middle">
-      </div> 
-    </div>
-    <div class="squareboxcontent">
-    </div>
-  </div>
-</div>
-</body>
-</html>
