<html>
<head>
  <link href="{{ STATIC_URL }}style.css" rel="stylesheet" type="text/css" media="screen" />
  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenLayers.js"></script>
  <script type="text/javascript" language="Javascript" src="{{ STATIC_URL }}OpenStreetMap.js"></script>
  <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="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="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>
