diff --git a/static/js/bin.js b/static/js/bin.js
old mode 100755
new mode 100644
index 4d26afc..b610083
--- a/static/js/bin.js
+++ b/static/js/bin.js
@@ -14,6 +14,11 @@ function init() {
     navlist.insertBefore(editA, navlist.firstChild);
     navlist.insertBefore(separator, navlist.children[1]);
 
+    var lang = document.getElementById('editor').getAttribute('data-lang');
+    var editor = ace.edit("editor");
+    editor.getSession().setMode("ace/mode/" + lang);
+    editor.setTheme("ace/theme/tomorrow");
+
 }
 
 
@@ -25,7 +30,7 @@ function edit() {
 
     var normalcontent = document.getElementById("normal-content");
     normalcontent.removeChild(document.getElementById("normal-code"));
-    
+
     var editordiv = document.getElementById("editor");
     editordiv.style.display = "block";
 
diff --git a/static/js/bin_hljs.js b/static/js/bin_hljs.js
new file mode 100644
index 0000000..ff8ef6e
--- /dev/null
+++ b/static/js/bin_hljs.js
@@ -0,0 +1,2 @@
+hljs.tabReplace = '    ';
+hljs.initHighlightingOnLoad();
diff --git a/templates/display/bin.html b/templates/display/bin.html
index 433cbb2..9c77584 100644
--- a/templates/display/bin.html
+++ b/templates/display/bin.html
@@ -46,25 +46,16 @@
 
 {% block main %}
 <div id="normal-content" class="normal {% if extra.lang_hl != "story" %}fixed{% endif %}">
-    <pre id="normal-code"><code id="codeb" style="white-space: pre-wrap;" class="{{ extra.lang_hl }}">{{ extra.contents }}</pre></code>
-    <div id="editor" style="display: none; height: 800px; font-size: 11px;">{{ extra.contents }}</div>
+    <pre id="normal-code"><code id="codeb" style="white-space: pre-wrap;" class="{{ extra.lang_hl }}">{{ extra.contents }}</code></pre>
+    <div id="editor" style="display: none; height: 800px; font-size: 11px;" data-lang="{{ extra.lang_ace }}">{{ extra.contents }}</div>
 </div>
 
 
 {% if extra.lang_hl != "text" %}
 <script src="/static/js/highlight/highlight.pack.js"></script>
-<script>
-    hljs.tabReplace = '    ';
-    hljs.initHighlightingOnLoad();
-</script>
+<script src="/static/js/bin_hljs.js"></script>
 {% endif %}
 
-<script type="text/javascript" src="/static/js/bin.js"></script>
 <script src="/static/js/ace/ace.js"></script>
-<script type="text/javascript">
-        var editor = ace.edit("editor");
-        editor.getSession().setMode("ace/mode/{{ extra.lang_ace }}");
-        editor.setTheme("ace/theme/tomorrow");
-</script>
-
+<script src="/static/js/bin.js"></script>
 {% endblock %}