Index: src/django_gheat/website/static/heatmap.js
===================================================================
--- src/django_gheat/website/static/heatmap.js	(revision 9201)
+++ src/django_gheat/website/static/heatmap.js	(revision 9203)
@@ -1,2 +1,3 @@
+var map;
 function init(){
 
@@ -19,5 +20,5 @@
 	});
 
-	map.events.register('mouseover', map, GetMousePos);
+	map.events.register('click', map, GetMousePos);
 	function GetMousePos(pos) {
 		var pix = map.getLonLatFromPixel(new OpenLayers.Pixel(pos.xy.x,pos.xy.y));
@@ -65,9 +66,47 @@
         list += json[i].fields.ssid + '<br>';
       }
-      document.getElementById('nodelist').innerHTML=list;
+      document.getElementById('filters').innerHTML=list;
     }
   }
-
   nodelist.open("GET","/website/nodelist/" + zoomlevel + "," + mousepos.lat + "," + mousepos.lon,true);
   nodelist.send();
 }
+
+var apid = 1;
+
+function filters(){
+  var filter;
+  if (window.XMLHttpRequest){
+    // code for IE7+, Firefox, Chrome, Opera, Safari
+    filter=new XMLHttpRequest();
+  }
+  else{
+    // code for IE6, IE5
+    filter=new ActiveXObject("Microsoft.XMLHTTP");
+  }
+
+  filter.onreadystatechange=function(){
+    if (filter.readyState==4 && filter.status==200){
+      map.addLayer(layerHeatmap3);
+    }
+  }
+  var apid = encodeURIComponent(document.getElementById("apid").value);
+  addFilter(apid);
+}
+
+function addFilter(apid){
+  OpenLayers.Layer.OSM.Overlay = OpenLayers.Class(OpenLayers.Layer.OSM, {
+    initialize: function(name, options) {
+      var url = [
+        "/website/tile/${z}/${x},${y}.png?colour=0,0,255&accespoint__id=" + apid
+      ];
+      options = OpenLayers.Util.extend({ numZoomLevels: 21 }, options);
+      var newArguments = [name, url, options];
+      OpenLayers.Layer.OSM.prototype.initialize.apply(this, newArguments);
+    },
+  CLASS_NAME: "OpenLayers.Layer.Overlay"
+  });
+
+  testlayer = new OpenLayers.Layer.OSM.Overlay("addFilter layer", {isBaseLayer: false, visibility: true});
+  map.addLayer(testlayer);
+}
Index: src/django_gheat/website/templates/home.html
===================================================================
--- src/django_gheat/website/templates/home.html	(revision 9201)
+++ src/django_gheat/website/templates/home.html	(revision 9203)
@@ -17,4 +17,8 @@
         <h1>Info</h1><br />
         Info
+        <form method="get" action="">
+          Accespoint ID: <input type="text" id="apid" name="apid" size="25" /> <br />
+          <input type="button" value="submit" onClick="filters()" />
+        </form>
         <div id="nodelist"></div>
       </div>
