3 files changed, 16 insertions, 1 deletions
diff --git a/www/index.html b/www/index.html
index 6a44ab4..cbd4a18 100644
--- a/www/index.html
+++ b/www/index.html
@@ -24,6 +24,7 @@
     <script src="js/images.js"></script>
     <script src="js/characters.js"></script>
     <script src="js/imachine.js"></script>
+    <script src="js/i18n.js"></script>
   </head>
   <body><div id="all" style="height: 100%; position: absolute; width: 100%;">
     <div id="warn-container">
diff --git a/www/js/html5ks.js b/www/js/html5ks.js
index aea03b1..ff3fc18 100644
--- a/www/js/html5ks.js
+++ b/www/js/html5ks.js
@@ -217,6 +217,7 @@ window.html5ks = {
         html5ks.fullscreen();
       }, false);
     }
+    this.i18n.init();
   },
   start: function () {
     this.fetch("json", "script").then(function () {
diff --git a/www/js/i18n.js b/www/js/i18n.js
index 764a0dd..427d9b3 100644
--- a/www/js/i18n.js
+++ b/www/js/i18n.js
@@ -1,2 +1,15 @@
+"use strict";
 html5ks.i18n = {
-
+  init: function () {
+    html5ks.fetch("json", "ui-strings").then(function () {
+      var uiStrings = html5ks.data["ui-strings"];
+      for (var k in uiStrings) {
+        var e = document.getElementsByClassName(k);
+        for (var i = e.length - 1; i >= 0; i--) {
+          var t = document.createTextNode(uiStrings[k]);
+          e[i].appendChild(t);
+        }
+      }
+    });
+  }
+};