diff --git a/app/assets/javascripts/editor/editor.js.erb b/app/assets/javascripts/editor/editor.js.erb
index 1e254dd3..0ff03915 100644
--- a/app/assets/javascripts/editor/editor.js.erb
+++ b/app/assets/javascripts/editor/editor.js.erb
@@ -269,11 +269,11 @@ configureEditors: function () {
   initializeFileTree: function () {
     $('#files').jstree($('#files').data('entries'));
     $('#files').on('click', 'li.jstree-leaf', function (event) {
-      active_file = {
+      this.setActiveFile(
         filename: $(event.target).parent().text(),
         id: parseInt($(event.target).parent().attr('id'))
-      };
-      var frame = $('[data-file-id="' + active_file.id + '"]').parent();
+      );
+      var frame = $('[data-file-id="' + this.active_file.id + '"]').parent();
       this.showFrame(frame);
       this.toggleButtonStates();
     }.bind(this));