X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/516aef5d07eaaad43311bc60018648b952d95a1d..ae7f3f2786c2106528b98be8215d47c93785b1c2:/app/views/site/_key.rhtml

diff --git a/app/views/site/_key.rhtml b/app/views/site/_key.rhtml
index 2d8f1bc76..bf7954783 100644
--- a/app/views/site/_key.rhtml
+++ b/app/views/site/_key.rhtml
@@ -1,12 +1,26 @@
 <% content_for :left_menu do %>
-<%= link_to_function "Map key", "showKey();" %>
+<%= link_to_function t('site.key.map_key'), "showKey();" %>
 <% end %>
 
 <script type="text/javascript">
 <!--
   function showKey() {
-    updateSidebar("Map key", "<p><img src='images/keymapnik11.png' /></p>");
-    openSidebar();
+    var zoomlevel = map.getZoom();
+
+    if (zoomlevel<7 )      { var imgname = 'keymapnik6.png'; }
+    else if (zoomlevel<13) { var imgname = 'keymapnik'+zoomlevel+'.png'; }
+    else if (zoomlevel<15) { var imgname = 'keymapnik13.png'; }
+    else                   { var imgname = 'keymapnik15.png'; }
+
+    updateSidebar("<%= t('site.key.map_key') %>", "<p><img src='images/"+imgname+"' /><\/p>");
+    openSidebar({ width: "210px" });
+  }
+
+  function updateKey() {
+    if (sidebarOpen("<%= t('site.key.map_key') %>")) 
+    {
+      showKey();
+    }
   }
 // -->
 </script>