Index: src/django_gheat/website/static/heatmap_extensions.js
===================================================================
--- src/django_gheat/website/static/heatmap_extensions.js	(revision 9271)
+++ src/django_gheat/website/static/heatmap_extensions.js	(revision 9272)
@@ -40,5 +40,5 @@
     dateFormat: "dd/mm/yy",
   });
-  var testname = new Array();
+
   // add slider for signal strength filter
   $("#slider").slider({
@@ -73,7 +73,27 @@
   });
 
-  $("#filter_text").append("<a id=remove>test</a>");
+  var testarray = new Array();
+  $("#filter_text").append("<a id=remove>Get layers</a><br />");
   $("#remove").click(function(){
-    map.removeLayer(signallayer);
+    testarray = map.getLayersByClass("OpenLayers.Layer.Overlay");
+    $.each(testarray, function(v, value){
+      $("#filter_text").append("<span id=\"" + value.name + "\"><input type=checkbox id=togglelayer />" + value.name + " <a style='color:#FF0000' id=rmvlayer name=\"" + value.name + "\">X</a><br /></span>");
+    });
+  });
+
+  $("#togglelayer").live("click", function(){
+    status = $(this).attr("checked");
+    layername = $(this).parents('span').attr('id');
+    layer = map.getLayersByName(layername);
+    layer[0].setVisibility(status);
+  }); 
+
+
+  $("#rmvlayer").live("click", function(){
+    $("#filter_text").append("<br />Removed " + this.name);
+    layer = map.getLayersByName(this.name);
+    console.log(rmvlayer);
+    map.removeLayer(layer[0]);
+    $(this).parents('span').remove();
   });
 
@@ -81,5 +101,5 @@
   $("#menu_filter").click(function(){
     $("#filter").slideToggle("fast");
-    $("#info").slideUp("fast"); 
+    $("#info").slideUp("fast");
   });
   $("#menu_info").click(function(){
