Index: src/django_gheat/website/templates/home.html
===================================================================
--- src/django_gheat/website/templates/home.html	(revision 9207)
+++ src/django_gheat/website/templates/home.html	(revision 9210)
@@ -6,34 +6,73 @@
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap.js"></script>
   <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}heatmap_extensions.js"></script>
+  <script language="javascript" type="text/javascript">
+    function toggleDiv(div){
+      if(document.getElementById(div + '_content').style.display != 'block'){
+        document.getElementById(div + '_content').style.display = 'block';
+      }
+      else{
+        document.getElementById(div + '_content').style.display = 'none';
+      }
+    }
+  </script>
 </head>
 <body onload="init()">
-  <div id="wrapper">
-    <div id="contentcontainer">
-      <div id="header">
-        <a href="index.html"><img src="/static/img/logo.jpg" border="0" style="float: left;"/></a>
-        &nbsp; <font style="font-size:24px; color:white;">Stichting Wireless Leiden</font><br />
-        &nbsp; <font style="font-size:46px; color:white;">Heatmap</font>
-      </div>
-      <div id="content">
-        <h1>Info</h1><br />
-        Info
-        <form method="get" action="">
-          Gebruiker: <input type="text" id="user" name="user" size="25"/> <br />
-          Meetrondje: <input type="text" id="dataset" name="dataset" size="25"/> <br />
-          WirelessLeiden Node: <input type="text" id="wlnode" name="wlnode" size="25"/> <br />
-          Encrypted: <input type="checkbox" id="enc" name="enc"/> <br />
-          Datum: <input type="text" id="date" name="date" size="25"/> <br />
-          Colour: <input type="text" id="colour" name="colour" size="25"/> <br />
-          Layernaam: <input type="text" id="lname" name="lname" size="25"/> <br />
-          <input type="button" value="Add filter" onClick="filters()"/>
-        </form>
-        <div id="nodelist"></div>
-      </div>
-      <div id="footer"> <a href="http://www.wirelessleiden.nl/">wirelessleiden.nl</a> </div>
+  <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>
-    <div id="heatmapwrapper">
-    <div id="heatmap"></div>
+    <div id="header_content">
+    test
+    </div>
+  </div>
+  <div id="filters">
+    <div id="filters_title">
+      <font style="font-size:24px; color:white;" onclick="toggleDiv('filters')">Filters</font>
+    </div>
+    <div id="filters_content">
+      <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()"/>
+      </form>
     </div>
   </div>
 </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>
