1 files changed, 19 insertions, 1 deletions

diff --git a/js/ninja.reel/ninja.js b/js/ninja.reel/ninja.js
index cf7c6cf4..7ab8e52c 100755
--- a/js/ninja.reel/ninja.js
+++ b/js/ninja.reel/ninja.js
@@ -18,6 +18,24 @@ exports.Ninja = Montage.create(Component, {
         value: null
     },
 
+    _workspaceMode: {
+        value: null
+    },
+
+    workspaceMode: {
+        get: function() {
+            return this.workspaceMode;
+        },
+        set: function(val) {
+            if( this._workspaceMode === val ) {
+                if(this._workspaceMode !== null) {
+                   document.body.classList.remove("ws-" + val);
+                }
+                document.body.classList.add("ws-" + val);
+            }
+        }
+    },
+
     toolsData: { value: null },
     appData:    { value: AppData },
 
@@ -300,7 +318,7 @@ exports.Ninja = Montage.create(Component, {
     // Turn on WebGL animation during preview
     _toggleWebGlAnimation: {
         value: function(inLivePreview) {
-            var glCanvases = this.currentDocument.iframe.contentWindow.document.querySelectorAll('[data-RDGE-id]'),
+            var glCanvases = this.currentDocument.model.views.design.iframe.contentWindow.document.querySelectorAll('[data-RDGE-id]'),
                 glShapeModel;
             if(glCanvases) {
                 for(var i = 0, len = glCanvases.length; i<len; i++) {