2 files changed, 110 insertions, 58 deletions

diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html
index 51d74cb2..031d68e9 100755
--- a/js/ninja.reel/ninja.html
+++ b/js/ninja.reel/ninja.html
@@ -36,6 +36,9 @@
                 "prototype": "js/components/menu/menu.reel",
                 "properties": {
                     "element": {"#": "mainMenuBar"}
+                },
+                "bindings": {
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
                 }
             },
 
@@ -118,7 +121,7 @@
                 ]
             },
 
-            "Resizer": {
+            "resizer3": {
                 "prototype": "js/panels/resize-composer",
                 "properties": {
                     "element": {"#": "pasteboardResizer"},
@@ -150,45 +153,48 @@
                     "element": {"#": "stageMode"}
                 },
                 "bindings" : {
-                    "livePreview": {
-                        "boundObject": {"@": "appModel"},
-                        "boundObjectPropertyPath": "livePreview",
-                        "oneway": false
-                    }
+                    "livePreview": {"<<->": "@appModel.livePreview"}
                 }
             },
 
-            "toolsList1": {
+            "toolsList": {
                 "prototype": "js/components/layout/tools-list.reel",
                 "properties": {
                     "element": {"#": "toolsList"},
                     "toolsData": {"@": "toolsData1"}
+                },
+                "bindings": {
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
                 }
             },
 
-            "toolsProperties1": {
+            "toolsProperties": {
                 "prototype": "js/components/layout/tools-properties.reel",
                 "properties": {
                     "element": {"#": "toolsProperties"},
                     "toolsData": {"@": "toolsData1"}
+                },
+                "bindings": {
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
                 }
             },
 
             "documentsTab": {
                 "prototype": "js/components/layout/documents-tab.reel",
                 "properties": {
-                    "element": {"#": "openDocumentsTabComponent"}
+                    "element": {"#": "openDocumentsTabComponent"},
+                    "contentController": {"@": "documentList"}
                 }
             },
 
-            "stage1": {
+            "stage": {
                 "prototype": "js/stage/stage.reel",
                 "properties": {
                     "element": {"#": "stageAndScenesContainer"},
                     "appModel":     {"@": "appModel"}
                 },
                 "bindings": {
-                    "activeDocument": {"<-": "@documentController1.activeDocument"}
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
                 }
             },
 
@@ -196,6 +202,9 @@
                 "prototype": "js/components/layout/document-bar.reel",
                 "properties": {
                     "element": {"#": "documentBar"}
+                },
+                "bindings": {
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
                 }
             },
 
@@ -212,6 +221,9 @@
                     "element": {"#": "rightPanelContent"},
                     "panelSplitter": {"@": "splitter3"},
                     "appModel":     {"@": "appModel"}
+                },
+                "bindings" : {
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
                 }
             },
 
@@ -221,19 +233,19 @@
                     "element":{"#" : "breadCrumbComponent"}
                 },
                 "bindings" : {
-                    "container": {
-                        "boundObject": {"@": "owner"},
-                        "boundObjectPropertyPath": "currentSelectedContainer",
-                        "oneway": false
-                    }
+                    "container": {"<<->": "@owner.currentSelectedContainer"},
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
                 }
-             },
+            },
 
             "timeline": {
-               "prototype": "js/panels/Timeline/TimelinePanel.reel",
-               "properties": {
-                   "element": {"#": "timelinePanelComponent"}
-               }
+                "prototype": "js/panels/Timeline/TimelinePanel.reel",
+                "properties": {
+                    "element": {"#": "timelinePanelComponent"}
+                },
+                "bindings": {
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                }
             },
 
             "mouseMediator": {
@@ -263,15 +275,30 @@
                 "prototype": "js/controllers/undo-controller"
             },
 
-            "selectionController1": {
+            "selectionController": {
                 "prototype": "js/controllers/selection-controller",
                 "bindings" : {
-                    "selectionContainer": {"<-": "@owner.currentSelectedContainer"}
+                    "selectionContainer": {"<-": "@owner.currentSelectedContainer"},
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"},
+                    "selectedElements": {"<-": "@documentList.selectedObjects.0.model.selection"}
                 }
             },
 
-            "documentController1": {
-                "prototype": "js/controllers/document-controller"
+            "documentController": {
+                "prototype": "js/controllers/document-controller",
+                "bindings": {
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                }
+            },
+
+            "documentList": {
+                "prototype": "montage/ui/controller/array-controller",
+                "properties": {
+                    "selectObjectsOnAddition": true
+                },
+                "bindings": {
+                    "content": {"<<->": "@documentController.documents"}
+                }
             },
 
             "popupManager1": {
@@ -288,7 +315,7 @@
             "stylesController": {
                 "prototype": "js/controllers/styles-controller",
                 "bindings": {
-                    "activeDocument": {"<-": "@documentController1.activeDocument"}
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
                 }
             },
 
@@ -320,7 +347,10 @@
             },
 
             "codeEditorController": {
-                "prototype": "js/controllers/code-editor-controller"
+                "prototype": "js/controllers/code-editor-controller",
+                "bindings": {
+                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                }
             },
 
             "owner": {
@@ -331,14 +361,14 @@
                     "rulerLeft":                {"#": "rulerLeft"},
                     "appModel":             {"@": "appModel"},
                     "toolsData":            {"@": "toolsData1"},
-                    "toolsList":            {"@": "toolsList1"},
-                    "toolsProperties":      {"@": "toolsProperties1"},
-                    "stage":                {"@": "stage1"},
+                    "toolsList":            {"@": "toolsList"},
+                    "toolsProperties":      {"@": "toolsProperties"},
+                    "stage":                {"@": "stage"},
                     "elementMediator":      {"@": "elementMediator"},
                     "dragDropMediator":     {"@": "dragDropMediator"},
                     "undocontroller":       {"@": "undocontroller1"},
-                    "selectionController":  {"@": "selectionController1"},
+                    "selectionController":  {"@": "selectionController"},