diff --git a/gradle/docs.gradle b/gradle/docs.gradle
index ebd51bd56a..7f46e9c440 100644
--- a/gradle/docs.gradle
+++ b/gradle/docs.gradle
@@ -94,10 +94,10 @@ dependencies {
 
 task extractDocResources(type: Sync) {
 	dependsOn configurations.docs
-	from "src/docs/asciidoc/"
 	from {
 		configurations.docs.collect { zipTree(it) }
 	}
+	from "src/docs/asciidoc/"
 	into "$buildDir/asciidoc/build"
 }
 
diff --git a/src/docs/asciidoc/docinfo-footer.html b/src/docs/asciidoc/docinfo-footer.html
new file mode 100644
index 0000000000..dad243ed6f
--- /dev/null
+++ b/src/docs/asciidoc/docinfo-footer.html
@@ -0,0 +1,3 @@
+<script type="text/javascript" src="js/tocbot/tocbot.min.js"></script>
+<script type="text/javascript" src="js/toc.js"></script>
+<script type="text/javascript" src="js/switch-language.js"></script>
\ No newline at end of file
diff --git a/src/docs/asciidoc/js/switch-language.js b/src/docs/asciidoc/js/switch-language.js
new file mode 100644
index 0000000000..b8c712f7b0
--- /dev/null
+++ b/src/docs/asciidoc/js/switch-language.js
@@ -0,0 +1,18 @@
+function globalSwitch() {
+    $('.switch--item').each(function() {
+        $(this).off('click');
+        $(this).on('click', function() {
+            selectedText = $(this).text()
+            selectedIndex = $(this).index()
+            $(".switch--item").filter(function() { return ($(this).text() === selectedText) }).each(function() {
+                $(this).addClass('selected');
+                $(this).siblings().removeClass('selected');
+                selectedContent = $(this).parent().siblings(".content").eq(selectedIndex)
+                selectedContent.removeClass('hidden');
+                selectedContent.siblings().addClass('hidden');
+            });
+        });
+    });
+}
+
+$(globalSwitch);
\ No newline at end of file