3 files changed, 14 insertions, 4 deletions

diff --git a/js/ninja.reel/ninja.css b/js/ninja.reel/ninja.css
index 83c0e569..61251eff 100755
--- a/js/ninja.reel/ninja.css
+++ b/js/ninja.reel/ninja.css
@@ -7,3 +7,7 @@
 .main {
     padding: 100px;
 }
+
+.hidden {
+    display: none;
+}
diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html
index 8f6f6d7b..f9e1efdd 100755
--- a/js/ninja.reel/ninja.html
+++ b/js/ninja.reel/ninja.html
@@ -287,6 +287,13 @@
                 "name": "MainMenuController"
             },
 
+            "focusManager": {
+                "object": "js/components/focus-manager.reel",
+                "properties": {
+                    "element": {"#": "focus-container" }
+                }
+            },
+
             "owner": {
                 "module": "js/ninja.reel",
                 "name": "Ninja",
@@ -396,10 +403,10 @@
 
             <section data-montage-id="bottomSplitter" class="bottomSplitter splitter"></section>
         </section>
-        
-        <section id="popupWindows"></section>
 
-        <div id="modalContainer"></div>
+        <div data-montage-id="focus-container" class="hidden"></div>
+
+        <section id="popupWindows"></section>
 
     </div>
 
diff --git a/js/ninja.reel/ninja.js b/js/ninja.reel/ninja.js
index 88361fd9..2a6e49f7 100755
--- a/js/ninja.reel/ninja.js
+++ b/js/ninja.reel/ninja.js
@@ -143,7 +143,6 @@ exports.Ninja = Montage.create(Component, {
             this.currentDocument = event.detail;
 
             this.appModel.show3dGrid = this.currentDocument.draw3DGrid;
-
             NJevent("openDocument");
         }
     },