2 files changed, 28 insertions, 3 deletions

diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html
index a98fca60..221e492c 100755
--- a/js/ninja.reel/ninja.html
+++ b/js/ninja.reel/ninja.html
@@ -360,6 +360,13 @@
                 }
             },
 
+            "objectsController" : {
+                "prototype": "js/controllers/objects-controller",
+                "bindings": {
+                    "currentDocument": {"<-": "@owner.currentDocument"}
+                }
+            },
+
             "owner": {
                 "prototype": "js/ninja.reel",
                 "properties": {
@@ -389,6 +396,7 @@
                     "timeline":             {"@": "timeline"},
                     "mainMenuController":   {"@": "mainMenuController"},
                     "codeEditorController": {"@": "codeEditorController"},
+                    "objectsController":    {"@": "objectsController"},
                     "rightPanelContainer":  {"#": "rightPanelContainer" },
                     "panelSplitter":        {"@": "splitter3"},
                     "timelineSplitter":     {"@": "splitter4"},
diff --git a/js/ninja.reel/ninja.js b/js/ninja.reel/ninja.js
index 38f5efcf..5f753bd3 100755
--- a/js/ninja.reel/ninja.js
+++ b/js/ninja.reel/ninja.js
@@ -23,9 +23,6 @@ exports.Ninja = Montage.create(Component, {
         value: null
     },
 
-    appData: {
-        value: AppData
-    },
 
     documentList: {
         value: null
@@ -41,6 +38,25 @@ exports.Ninja = Montage.create(Component, {
         }
     },
 
+        _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-" + this._workspaceMode);
+                }
+                document.body.classList.add("ws-" + val);
+                this._workspaceMode = val;
+            }
+        }
+    },
+
     _resizedHeight : {
         value: 0
     },
@@ -172,6 +188,7 @@ exports.Ninja = Montage.create(Component, {
 
     prepareForDraw: {
         value: function() {
+            this.workspaceMode = "default";
             console.log("Loading Ninja --> ", this.ninjaVersion);
 
             this.application.ninja = this;