diff --git a/_layouts/docs.html b/_layouts/docs.html
index 9e2927ec3c..2843fc1200 100644
--- a/_layouts/docs.html
+++ b/_layouts/docs.html
@@ -192,6 +192,7 @@ else %}{% assign edit_url = "" %}{% endif %} {% break %} {% endif %} {% endfor %
 	<script defer src="/js/menu.js"></script>
 	<script src="/js/jquery.js"></script>
 	<script src="/js/bootstrap.min.js"></script>
+	<script src="/js/archive.js"></script>
 	<script src="/js/stickyfill.min.js"></script>
 	<script defer src="/js/docs.js"></script>
 	<script language="javascript">
diff --git a/js/archive.js b/js/archive.js
new file mode 100644
index 0000000000..4579f6f112
--- /dev/null
+++ b/js/archive.js
@@ -0,0 +1,27 @@
+/* Obly run this if we are online*/
+if (window.navigator.onLine) {
+  var dockerVersion = 'v17.06';
+  /* This JSON file contains a current list of all docs versions of Docker */
+  $.getJSON("/js/archives.json", function(result){
+    var outerDivStart = '<div style="padding-top: 10px; padding-bottom: 10px; min-height: 34px; border: 1px solid #254356; background-color: #FFE1C0; color: #254356"><div class="container"><div style="text-align: center"><span id="archive-list">This is <b><a href="https://docs.docker.com/docsarchive/" style="color: #254356; text-decoration: underline !important">archived documentation</a></b> for Docker&nbsp;' + dockerVersion + '. Go to the <a style="color: #254356; text-decoration: underline !important" href="https://docs.docker.com/">latest docs</a> or a different version:&nbsp;&nbsp;</span>' +
+                               '<span style="z-index: 1001" class="dropdown">';
+    var listStart = '<ul class="dropdown-menu" role="menu" aria-labelledby="archive-menu">';
+    var listEnd = '</ul>';
+    var outerDivEnd = '</span></div></div></div>';
+    var buttonCode = null;
+    var listItems = new Array();
+    $.each(result, function(i, field){
+      var prettyName = 'Docker ' + field.name.replace("v", "");
+      // If this archive has current = true, and we don't already have a button
+      if ( field.current && buttonCode == null ) {
+        // Get the button code
+        buttonCode = '<button id="archive-menu" data-toggle="dropdown" class="btn dropdown-toggle" style="border: 1px solid #254356; background-color: #fff; color: #254356;">' + prettyName + '&nbsp;(current) &nbsp;<span class="caret"></span></button>';
+        // The link is different for the current release
+        listItems.push('<li role="presentation"><a role="menuitem" tabindex="-1" href="https://docs.docker.com/">' + prettyName + '</a></li>');
+      } else {
+        listItems.push('<li role="presentation"><a role="menuitem" tabindex="-1" href="https://docs.docker.com/' + field.name + '/">' + prettyName + '</a></li>');
+      }
+    });
+    $( 'body' ).prepend(outerDivStart + buttonCode + listStart + listItems.join("") + listEnd + outerDivEnd);
+  });
+}
\ No newline at end of file