From 79764532dc4f50789c066d528ae7911e3e8d62b4 Mon Sep 17 00:00:00 2001
From: John Mayhew
Date: Tue, 3 Jul 2012 14:21:42 -0700
Subject: Updated manifest.json for alpha build

---
 manifest.json | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/manifest.json b/manifest.json
index 874f0c2f..a4fc9c63 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 {
-  "name": "Ninja",
-  "description": "Ninja HTML5 Authoring Tool - Alpha Release",
+  "name": "Ninja - 0.7.0.0",
+  "description": "Ninja - Alpha Release 0.7.0.0",
   "version": "0.7.0.0",
   "app": {
     "launch": {
@@ -24,7 +24,7 @@
       "features": ["css3d", "webgl"]
     }
   },
-  "minimum_chrome_version": "18.0.1025.162",
+  "minimum_chrome_version": "20.0.1132.47",
   "offline_enabled": true,
   "update_url": "http://ninjateam.am.mot.com/NinjaApp/update.xml"
 }
\ No newline at end of file
-- 
cgit v1.2.3


From fbdd97e7b1743efe2b0362e589c489aa23e29751 Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Mon, 9 Jul 2012 12:10:09 -0700
Subject: Removed the customized xq-dark and lesser-dark themes temporarily
 until copyright legalities determined

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 index.html                                         |  2 -
 .../codemirror-ninja/theme/lesser-dark-ninja.css   | 78 ----------------------
 .../codemirror-ninja/theme/xq-dark-ninja.css       | 78 ----------------------
 .../code-editor-view-options.html                  |  2 -
 4 files changed, 160 deletions(-)
 delete mode 100644 js/code-editor/codemirror-ninja/theme/lesser-dark-ninja.css
 delete mode 100644 js/code-editor/codemirror-ninja/theme/xq-dark-ninja.css

diff --git a/index.html b/index.html
index 8486b498..d5c7c1bb 100755
--- a/index.html
+++ b/index.html
@@ -53,8 +53,6 @@ POSSIBILITY OF SUCH DAMAGE.
         <link rel="stylesheet" href="imports/codemirror/theme/cobalt.css">
         <link rel="stylesheet" href="imports/codemirror/theme/eclipse.css">
         <link rel="stylesheet" href="js/code-editor/codemirror-ninja/theme/rubyblue-ninja.css">
-        <link rel="stylesheet" href="js/code-editor/codemirror-ninja/theme/lesser-dark-ninja.css">
-        <link rel="stylesheet" href="js/code-editor/codemirror-ninja/theme/xq-dark-ninja.css">
 
 	
     	<style type="text/css">
diff --git a/js/code-editor/codemirror-ninja/theme/lesser-dark-ninja.css b/js/code-editor/codemirror-ninja/theme/lesser-dark-ninja.css
deleted file mode 100644
index b185a924..00000000
--- a/js/code-editor/codemirror-ninja/theme/lesser-dark-ninja.css
+++ /dev/null
@@ -1,78 +0,0 @@
-/* <copyright>
-Copyright (c) 2012, Motorola Mobility, Inc
-All Rights Reserved.
-BSD License.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-  - Redistributions of source code must retain the above copyright notice,
-    this list of conditions and the following disclaimer.
-  - Redistributions in binary form must reproduce the above copyright
-    notice, this list of conditions and the following disclaimer in the
-    documentation and/or other materials provided with the distribution.
-  - Neither the name of Motorola Mobility nor the names of its contributors
-    may be used to endorse or promote products derived from this software
-    without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
-INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
-CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
-ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGE.
-</copyright> */
-
-/* adopted from CodeMirror 2.23 (http://codemirror.net/) */
-
-/*
-http://lesscss.org/ dark theme
-Ported to CodeMirror by Peter Kroon
-*/
-
-.CodeMirror{
-  line-height: 15px;
-}
-.cm-s-lesser-dark {
-  font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', 'Monaco', Courier, monospace !important;
-  /*font-size:12px;*/
-}
-
-.cm-s-lesser-dark { background: #262626; color: #EBEFE7; text-shadow: 0 -1px 1px #262626; }
-.cm-s-lesser-dark div.CodeMirror-selected {background: #45443B !important;} /* 33322B*/
-.cm-s-lesser-dark .CodeMirror-cursor { border-left: 1px solid white !important; }
-.cm-s-lesser-dark .CodeMirror-lines { margin-left:3px; margin-right:3px; }/*editable code holder*/
-
-div.CodeMirror span.CodeMirror-matchingbracket { color: #7EFC7E; }/*65FC65*/
-
-.cm-s-lesser-dark .CodeMirror-gutter { background: #262626; border-right:1px solid #aaa; padding-right:3px; min-width:2.5em; }
-.cm-s-lesser-dark .CodeMirror-gutter-text { color: #777; }
-
-.cm-s-lesser-dark span.cm-keyword { color: #599eff; }
-.cm-s-lesser-dark span.cm-atom { color: #C2B470; }
-.cm-s-lesser-dark span.cm-number { color: #B35E4D; }
-.cm-s-lesser-dark span.cm-def {color: color: white;}
-.cm-s-lesser-dark span.cm-variable { color:#D9BF8C; }
-.cm-s-lesser-dark span.cm-variable-2 { color: #669199; }
-.cm-s-lesser-dark span.cm-variable-3 { color: white; }
-.cm-s-lesser-dark span.cm-property {color: #92A75C;}
-.cm-s-lesser-dark span.cm-operator {color: #92A75C;}
-.cm-s-lesser-dark span.cm-comment { color: #666; }
-.cm-s-lesser-dark span.cm-string { color: #BCD279; }
-.cm-s-lesser-dark span.cm-string-2 {color: #f50;}
-.cm-s-lesser-dark span.cm-meta { color: #738C73; }
-.cm-s-lesser-dark span.cm-error { color: #9d1e15; }
-.cm-s-lesser-dark span.cm-qualifier {color: #555;}
-.cm-s-lesser-dark span.cm-builtin { color: #ff9e59; }
-.cm-s-lesser-dark span.cm-bracket { color: #EBEFE7; }
-.cm-s-lesser-dark span.cm-tag { color: #669199; }
-.cm-s-lesser-dark span.cm-attribute {color: #00c;}
-.cm-s-lesser-dark span.cm-header {color: #a0a;}
-.cm-s-lesser-dark span.cm-quote {color: #090;}
-.cm-s-lesser-dark span.cm-hr {color: #999;}
-.cm-s-lesser-dark span.cm-link {color: #00c;}
diff --git a/js/code-editor/codemirror-ninja/theme/xq-dark-ninja.css b/js/code-editor/codemirror-ninja/theme/xq-dark-ninja.css
deleted file mode 100644
index 62239203..00000000
--- a/js/code-editor/codemirror-ninja/theme/xq-dark-ninja.css
+++ /dev/null
@@ -1,78 +0,0 @@
-/* <copyright>
-Copyright (c) 2012, Motorola Mobility, Inc
-All Rights Reserved.
-BSD License.
-
-Redistribution and use in source and binary forms, with or without
-modification, are permitted provided that the following conditions are met:
-
-  - Redistributions of source code must retain the above copyright notice,
-    this list of conditions and the following disclaimer.
-  - Redistributions in binary form must reproduce the above copyright
-    notice, this list of conditions and the following disclaimer in the
-    documentation and/or other materials provided with the distribution.
-  - Neither the name of Motorola Mobility nor the names of its contributors
-    may be used to endorse or promote products derived from this software
-    without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
-AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
-IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
-ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
-LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
-CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
-SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
-INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
-CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
-ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGE.
-</copyright> */
-
-/* adopted from CodeMirror 2.23 (http://codemirror.net/) */
-
-/*
-Copyright (C) 2011 by MarkLogic Corporation
-Author: Mike Brevoort <mike@brevoort.com>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
-*/
-.cm-s-xq-dark { background: #0a001f; color: #f8f8f8; }
-.cm-s-xq-dark span.CodeMirror-selected { background: #044259 !important; }
-.cm-s-xq-dark .CodeMirror-gutter { background: #0a001f; border-right: 1px solid #aaa; }
-.cm-s-xq-dark .CodeMirror-gutter-text { color: #f8f8f8; }
-.cm-s-xq-dark .CodeMirror-cursor { border-left: 1px solid white !important; }
-
-.cm-s-xq-dark span.cm-keyword {color: #FFBD40;}
-.cm-s-xq-dark span.cm-atom {color: #6C8CD5;}
-.cm-s-xq-dark span.cm-number {color: #164;}
-.cm-s-xq-dark span.cm-def {color: #FFF; text-decoration:underline;}
-.cm-s-xq-dark span.cm-variable {color: #FFF;}
-.cm-s-xq-dark span.cm-variable-2 {color: #EEE;}
-.cm-s-xq-dark span.cm-variable-3 {color: #DDD;}
-.cm-s-xq-dark span.cm-property {}
-.cm-s-xq-dark span.cm-operator {}
-.cm-s-xq-dark span.cm-comment {color: gray;}
-.cm-s-xq-dark span.cm-string {color: #9FEE00;}
-.cm-s-xq-dark span.cm-meta {color: yellow;}
-.cm-s-xq-dark span.cm-error {color: #f00;}
-.cm-s-xq-dark span.cm-qualifier {color: #FFF700;}
-.cm-s-xq-dark span.cm-builtin {color: #30a;}
-.cm-s-xq-dark span.cm-bracket {color: #cc7;}
-.cm-s-xq-dark span.cm-tag {color: #FFBD40;}
-.cm-s-xq-dark span.cm-attribute {color: #FFF700;}
diff --git a/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html
index de4d81ce..1435c57c 100644
--- a/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html
+++ b/js/code-editor/ui/code-editor-view-options.reel/code-editor-view-options.html
@@ -100,8 +100,6 @@ POSSIBILITY OF SUCH DAMAGE.
                 <option value="cobalt" >COBALT</option>
                 <option value="eclipse" >ECLIPSE</option>
                 <option value="rubyblue" >RUBYBLUE</option>
-                <option value="lesser-dark" >LESSER-DARK</option>
-                <option value="xq-dark" >XQ-DARK</option>
             </select>
         </div>
         <div data-montage-id="shortKeys" class="shortKeys">
-- 
cgit v1.2.3


From bf9dba001ec84243e2f12cd13b0c0ae020fba4a2 Mon Sep 17 00:00:00 2001
From: Ananya Sen
Date: Mon, 9 Jul 2012 12:23:13 -0700
Subject: removed unnecessary todo comments

Signed-off-by: Ananya Sen <Ananya.Sen@motorola.com>
---
 js/clipboard/external-apps-clipboard-agent.js         | 9 ++++-----
 js/clipboard/internal-ops/elements-clipboard-agent.js | 7 ++-----
 js/code-editor/code-editor-wrapper.js                 | 1 -
 3 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/js/clipboard/external-apps-clipboard-agent.js b/js/clipboard/external-apps-clipboard-agent.js
index 92d72dcb..fd128ba7 100644
--- a/js/clipboard/external-apps-clipboard-agent.js
+++ b/js/clipboard/external-apps-clipboard-agent.js
@@ -74,7 +74,6 @@ var ExternalAppsClipboardAgent = exports.ExternalAppsClipboardAgent = Montage.cr
         }
     },
 
-    //todo: this will be moved to a seperate api
     pasteImageBinary:{
         value: function(imageBlob){
             var element, self = this,
@@ -98,7 +97,7 @@ var ExternalAppsClipboardAgent = exports.ExternalAppsClipboardAgent = Montage.cr
             if (save && save.success && save.status === 201) {
                 //
                 if (fileType.indexOf('svg') !== -1) {
-                    element = document.application.njUtils.make('embed', null, this.application.ninja.currentDocument);//TODO: Verify this is proper
+                    element = document.application.njUtils.make('embed', null, this.application.ninja.currentDocument);
                     element.type = 'image/svg+xml';
                     element.src = url+'/'+fileName;
                 } else {
@@ -119,7 +118,7 @@ var ExternalAppsClipboardAgent = exports.ExternalAppsClipboardAgent = Montage.cr
                 //
                 self.application.ninja.elementMediator.addElements(element, rules, false);
             } else {
-                //TODO: HANDLE ERROR ON SAVING FILE TO BE ADDED AS ELEMENT
+                //HANDLE ERROR ON SAVING FILE TO BE ADDED AS ELEMENT
             }
 
             return element;
@@ -127,7 +126,7 @@ var ExternalAppsClipboardAgent = exports.ExternalAppsClipboardAgent = Montage.cr
     },
 
     //paste from external applicaitons
-    pasteHtml:{//todo: change to pasteNinja, pasteHTML, etc
+    pasteHtml:{
         value: function(htmlData, textData){
             var i=0, j=0,
                 pasteDataObject=null,
@@ -141,7 +140,7 @@ var ExternalAppsClipboardAgent = exports.ExternalAppsClipboardAgent = Montage.cr
 
             if(htmlData){
 
-                //TODO: cleanse HTML
+                //cleanse HTML
 
                 htmlData.replace(/[<script]/g," ");
 
diff --git a/js/clipboard/internal-ops/elements-clipboard-agent.js b/js/clipboard/internal-ops/elements-clipboard-agent.js
index 14984593..fa433a59 100644
--- a/js/clipboard/internal-ops/elements-clipboard-agent.js
+++ b/js/clipboard/internal-ops/elements-clipboard-agent.js
@@ -141,7 +141,7 @@ var ElementsClipboardAgent = exports.ElementsClipboardAgent = Montage.create(Com
         }
     },
 
-    pasteFromCopy:{//todo: change to appropriate name
+    pasteFromCopy:{
         value:function(){
                 var i=0, j=0,
                 pastedElements = [],//array of te pastes clones - for selection
@@ -151,7 +151,7 @@ var ElementsClipboardAgent = exports.ElementsClipboardAgent = Montage.create(Com
 
             this.pasteCounter++;
 
-            //TODO: cleanse HTML
+            //cleanse HTML
 
             for(j=0; j< this.copiedObjects.copy.length; j++){
                 copiedElement = this.copiedObjects.copy[j];
@@ -229,9 +229,6 @@ var ElementsClipboardAgent = exports.ElementsClipboardAgent = Montage.create(Com
             //build the computed style attribute
             computedStyles = elem.ownerDocument.defaultView.getComputedStyle(elem);
 
-            //todo: consider cleaning up the position data [or making position:relative with 0,0] from the computed styles,
-            // so that the object is pasted onto expernal applicaitons [like gmail] with no offset
-
             for (i = 0; i < computedStyles.length; i++) {
                 stylePropertyName = computedStyles[i];
                 computedStylesStr = computedStylesStr + stylePropertyName + ":" + computedStyles.getPropertyValue(stylePropertyName) + ";";
diff --git a/js/code-editor/code-editor-wrapper.js b/js/code-editor/code-editor-wrapper.js
index fcf7460a..7c6b1b23 100644
--- a/js/code-editor/code-editor-wrapper.js
+++ b/js/code-editor/code-editor-wrapper.js
@@ -112,7 +112,6 @@ exports.CodeEditorWrapper = Montage.create(Component, {
 
     deserializedFromTemplate: {
         value: function() {
-            //TODO:add logic to check some configuration file to load the right code editor
             this.codeEditor = CodeMirror;
         }
     },
-- 
cgit v1.2.3


From a1c0c873e7ede1848a7aa090fb214af4765dbfaf Mon Sep 17 00:00:00 2001
From: Jose Antonio Marquez
Date: Mon, 9 Jul 2012 15:15:04 -0700
Subject: Adding Google Analytics

Conflicts:

	index.html
	js/ninja.reel/ninja.html
---
 index.html               |  25 +-
 js/ninja.reel/ninja.html | 892 ++++++++++++++++++++++++-----------------------
 2 files changed, 470 insertions(+), 447 deletions(-)

diff --git a/index.html b/index.html
index 1e567b9a..7a235143 100755
--- a/index.html
+++ b/index.html
@@ -281,19 +281,38 @@ POSSIBILITY OF SUCH DAMAGE.
                 }
             }
         </script>
+        
+        <script type="text/javascript">
+
+            var _gaq = _gaq || [];
+            _gaq.push(['_setAccount', 'UA-33265831-1']);
+            _gaq.push(['_trackPageview']);
+
+            (function() {
+                var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+                ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+            })();
+
+        </script>
 
-    </head>
+	</head>
 
-    <body>
+	<body>
+	
     <div class="mainSplashScreenContainer">
+    
         <div id="ninja_logo"></div>
+    
         <div id="splashScreenTextBlock" class="baseSplashScreenText">
             <p class="mediumSplashScreenText">Version: <span id="splashScreenVersionNumber">0.0.0.0</span></p>
             <p>Copyright &copy 2012 Motorola Mobility, Inc. All rights reserved.</p>
             <p>The Ninja application is made possible by the <a href="http://tetsubo.org/go/ninjaland" target="_blank" class="splashScreenAnchor">Ninja open source project</a> and <a href="credits.html" target="_blank" class="splashScreenAnchor">other open source software</a>.</p>
             <p>Ninja is available under <a href="license.html" target="_blank" class="splashScreenAnchor">BSD License</a>.</p>
         </div>
+    
     </div>
-    </body>
+	
+	</body>
 
 </html>
diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html
index 05b37bba..a279ece9 100755
--- a/js/ninja.reel/ninja.html
+++ b/js/ninja.reel/ninja.html
@@ -31,482 +31,486 @@ POSSIBILITY OF SUCH DAMAGE.
 </copyright> -->
 
 <html>
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-    <link href="../../css/ninja.css" rel="stylesheet" type="text/css" media="screen"/>
+    <head>
+        
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-    <title>Main Ninja Component</title>
+        <link href="../../css/ninja.css" rel="stylesheet" type="text/css" media="screen"/>
 
-    <script type="text/montage-serialization">
-        {
-            "localStorage": {
-                "prototype": "js/controllers/local-storage-controller[LocalStorage]"
-            },
+        <title>Main Ninja Component</title>
 
-            "toolsData1": {
-                "prototype": "js/data/tools-data"
-            },
-
-            "appModel": {
-                "prototype": "js/models/app-model",
-                "bindings": {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "materialsModel": {
-                "prototype": "js/models/materials-model"
-            },
-
-            "menu": {
-                "prototype": "js/components/menu/menu.reel",
-                "properties": {
-                    "element": {"#": "mainMenuBar"}
+        <script type="text/montage-serialization">
+            {
+                "localStorage": {
+                    "prototype": "js/controllers/local-storage-controller[LocalStorage]"
                 },
-                "bindings": {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "splitter1": {
-                "prototype": "js/panels/Splitter",
-                "properties": {
-                    "element": {"#": "topSplitter"},
-                    "panel": {"#": "topPanelContainer"}
-                }
-            },
-
-            "splitter2": {
-                "prototype": "js/panels/Splitter",
-                "properties": {
-                    "element": {"#": "leftSplitter"},
-                    "panel": {"#": "leftPanelContainer"}
-                }
-            },
-
-            "splitter3": {
-                "prototype": "js/panels/Splitter",
-                "properties": {
-                    "element": {"#": "rightSplitter"},
-                    "panel": {"#": "rightPanelContainer"},
-                    "resizeBar": {"#": "rightPanelResizer"}
-                }
-            },
-
-            "splitter4": {
-                "prototype": "js/panels/Splitter",
-                "properties": {
-                    "element": {"#": "bottomSplitter"},
-                    "panel": {"@": "timeline"}
-                }
-            },
-
-            "resizer1": {
-                "prototype": "js/panels/resize-composer",
-                "properties": {
-                    "element": {"#": "rightPanelResizer"},
-                    "component": {"@": "owner"},
-                    "yAxis": false
-                },
-                "listeners": [
-                    {
-                        "type": "resizeStart",
-                        "listener": {"@": "owner"}
+    
+                "toolsData1": {
+                    "prototype": "js/data/tools-data"
+                },
+    
+                "appModel": {
+                    "prototype": "js/models/app-model",
+                    "bindings": {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                    }
+                },
+    
+                "materialsModel": {
+                    "prototype": "js/models/materials-model"
+                },
+    
+                "menu": {
+                    "prototype": "js/components/menu/menu.reel",
+                    "properties": {
+                        "element": {"#": "mainMenuBar"}
+                    },
+                    "bindings": {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                    }
+                },
+    
+                "splitter1": {
+                    "prototype": "js/panels/Splitter",
+                    "properties": {
+                        "element": {"#": "topSplitter"},
+                        "panel": {"#": "topPanelContainer"}
+                    }
+                },
+    
+                "splitter2": {
+                    "prototype": "js/panels/Splitter",
+                    "properties": {
+                        "element": {"#": "leftSplitter"},
+                        "panel": {"#": "leftPanelContainer"}
+                    }
+                },
+    
+                "splitter3": {
+                    "prototype": "js/panels/Splitter",
+                    "properties": {
+                        "element": {"#": "rightSplitter"},
+                        "panel": {"#": "rightPanelContainer"},
+                        "resizeBar": {"#": "rightPanelResizer"}
+                    }
+                },
+    
+                "splitter4": {
+                    "prototype": "js/panels/Splitter",
+                    "properties": {
+                        "element": {"#": "bottomSplitter"},
+                        "panel": {"@": "timeline"}
+                    }
+                },
+    
+                "resizer1": {
+                    "prototype": "js/panels/resize-composer",
+                    "properties": {
+                        "element": {"#": "rightPanelResizer"},
+                        "component": {"@": "owner"},
+                        "yAxis": false
+                    },
+                    "listeners": [
+                        {
+                            "type": "resizeStart",
+                            "listener": {"@": "owner"}
+                        },
+                        {
+                            "type": "resizeMove",
+                            "listener": {"@": "owner"}
+                        },
+                        {
+                            "type": "resizeEnd",
+                            "listener": {"@": "owner"}
+                        }
+                    ]
+                },
+    
+                "resizer2": {
+                    "prototype": "js/panels/resize-composer",
+                    "properties": {
+                        "element": {"#": "timelineResizer"},
+                        "component": {"@": "owner"},
+                        "xAxis": false
                     },
-                    {
-                        "type": "resizeMove",
-                        "listener": {"@": "owner"}
+                    "listeners": [
+                        {
+                            "type": "resizeStart",
+                            "listener": {"@": "owner"}
+                        },
+                        {
+                            "type": "resizeMove",
+                            "listener": {"@": "owner"}
+                        },
+                        {
+                            "type": "resizeEnd",
+                            "listener": {"@": "owner"}
+                        }
+                    ]
+                },
+    
+                "resizer3": {
+                    "prototype": "js/panels/resize-composer",
+                    "properties": {
+                        "element": {"#": "pasteboardResizer"},
+                        "component": {"@": "owner"}
                     },
-                    {
-                        "type": "resizeEnd",
-                        "listener": {"@": "owner"}
+                    "listeners": [
+                        {
+                            "type": "resizeStart",
+                            "listener": {"@": "owner"}
+                        },
+                        {
+                            "type": "resizeMove",
+                            "listener": {"@": "owner"}
+                        },
+                        {
+                            "type": "resizeEnd",
+                            "listener": {"@": "owner"}
+                        },
+                        {
+                            "type": "resizeReset",
+                            "listener": {"@": "owner"}
+                        }
+                    ]
+                },
+    
+                "stylesController": {
+                    "prototype": "js/controllers/styles-controller",
+                    "bindings": {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
                     }
-                ]
-            },
-
-            "resizer2": {
-                "prototype": "js/panels/resize-composer",
-                "properties": {
-                    "element": {"#": "timelineResizer"},
-                    "component": {"@": "owner"},
-                    "xAxis": false
-                },
-                "listeners": [
-                    {
-                        "type": "resizeStart",
-                        "listener": {"@": "owner"}
+                },
+    
+                "stageMode": {
+                    "prototype": "js/components/layout/stage-mode.reel",
+                    "properties": {
+                        "element": {"#": "stageMode"}
                     },
-                    {
-                        "type": "resizeMove",
-                        "listener": {"@": "owner"}
+                    "bindings" : {
+                        "chromePreview": {"<->": "@appModel.chromePreview"}
+                    }
+                },
+    
+                "toolsList": {
+                    "prototype": "js/components/layout/tools-list.reel",
+                    "properties": {
+                        "element": {"#": "toolsList"},
+                        "toolsData": {"@": "toolsData1"}
                     },
-                    {
-                        "type": "resizeEnd",
-                        "listener": {"@": "owner"}
+                    "bindings": {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
                     }
-                ]
-            },
-
-            "resizer3": {
-                "prototype": "js/panels/resize-composer",
-                "properties": {
-                    "element": {"#": "pasteboardResizer"},
-                    "component": {"@": "owner"}
-                },
-                "listeners": [
-                    {
-                        "type": "resizeStart",
-                        "listener": {"@": "owner"}
+                },
+    
+                "toolsProperties": {
+                    "prototype": "js/components/layout/tools-properties.reel",
+                    "properties": {
+                        "element": {"#": "toolsProperties"},
+                        "toolsData": {"@": "toolsData1"}
                     },
-                    {
-                        "type": "resizeMove",
-                        "listener": {"@": "owner"}
+                    "bindings": {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                    }
+                },
+    
+                "documentsTab": {
+                    "prototype": "js/components/layout/documents-tab.reel",
+                    "properties": {
+                        "element": {"#": "openDocumentsTabComponent"},
+                        "contentController": {"@": "documentList"}
+                    }
+                },
+    
+                "stage": {
+                    "prototype": "js/stage/stage.reel",
+                    "properties": {
+                        "element": {"#": "stageAndScenesContainer"},
+                        "appModel":     {"@": "appModel"}
                     },
-                    {
-                        "type": "resizeEnd",
-                        "listener": {"@": "owner"}
+                    "bindings": {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                    }
+                },
+    
+                "documentBar": {
+                    "prototype": "js/components/layout/document-bar.reel",
+                    "properties": {
+                        "element": {"#": "documentBar"}
                     },
-                    {
-                        "type": "resizeReset",
-                        "listener": {"@": "owner"}
+                    "bindings": {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
                     }
-                ]
-            },
-
-            "stylesController": {
-                "prototype": "js/controllers/styles-controller",
-                "bindings": {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "stageMode": {
-                "prototype": "js/components/layout/stage-mode.reel",
-                "properties": {
-                    "element": {"#": "stageMode"}
                 },
-                "bindings" : {
-                    "chromePreview": {"<->": "@appModel.chromePreview"}
-                }
-            },
-
-            "toolsList": {
-                "prototype": "js/components/layout/tools-list.reel",
-                "properties": {
-                    "element": {"#": "toolsList"},
-                    "toolsData": {"@": "toolsData1"}
-                },
-                "bindings": {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "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"},
-                    "contentController": {"@": "documentList"}
-                }
-            },
-
-            "stage": {
-                "prototype": "js/stage/stage.reel",
-                "properties": {
-                    "element": {"#": "stageAndScenesContainer"},
-                    "appModel":     {"@": "appModel"}
-                },
-                "bindings": {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "documentBar": {
-                "prototype": "js/components/layout/document-bar.reel",
-                "properties": {
-                    "element": {"#": "documentBar"}
+    
+                "editorViewOptions": {
+                    "prototype": "js/code-editor/ui/code-editor-view-options.reel",
+                    "properties": {
+                        "element": {"#": "editorViewOptions"}
+                    },
+                    "bindings" : {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                    }
                 },
-                "bindings": {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "editorViewOptions": {
-                "prototype": "js/code-editor/ui/code-editor-view-options.reel",
-                "properties": {
-                    "element": {"#": "editorViewOptions"}
+    
+                "panelContainer": {
+                    "prototype": "js/panels/PanelContainer.reel",
+                    "properties": {
+                        "element": {"#": "rightPanelContent"},
+                        "panelSplitter": {"@": "splitter3"},
+                        "appModel":     {"@": "appModel"}
+                    },
+                    "bindings" : {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                    }
                 },
-                "bindings" : {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "panelContainer": {
-                "prototype": "js/panels/PanelContainer.reel",
-                "properties": {
-                    "element": {"#": "rightPanelContent"},
-                    "panelSplitter": {"@": "splitter3"},
-                    "appModel":     {"@": "appModel"}
-                },
-                "bindings" : {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "breadCrumb":{
-                "prototype": "js/components/layout/bread-crumb.reel[Breadcrumb]",
-                "properties":{
-                    "element":{"#" : "breadCrumbComponent"}
+    
+                "breadCrumb":{
+                    "prototype": "js/components/layout/bread-crumb.reel[Breadcrumb]",
+                    "properties":{
+                        "element":{"#" : "breadCrumbComponent"}
+                    },
+                    "bindings" : {
+    
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                    }
                 },
-                "bindings" : {
-
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "timeline": {
-                "prototype": "js/panels/Timeline/TimelinePanel.reel",
-                "properties": {
-                    "element": {"#": "timelinePanelComponent"}
+    
+                "timeline": {
+                    "prototype": "js/panels/Timeline/TimelinePanel.reel",
+                    "properties": {
+                        "element": {"#": "timelinePanelComponent"}
+                    },
+                    "bindings": {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                    }
                 },
-                "bindings": {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "keyboardMediator": {
-                "prototype": "js/mediators/keyboard-mediator",
-                "properties":{
-                    "appModel":     {"@": "appModel"}
-                }
-            },
-
-            "dragDropMediator": {
-                "prototype": "js/mediators/drag-drop-mediator"
-            },
-
-            "elementMediator": {
-                "prototype": "js/mediators/element-mediator"
-            },
-
-            "ioMediator": {
-                "prototype": "js/mediators/io-mediator"
-            },
-
-            "undocontroller1": {
-                "prototype": "js/controllers/undo-controller"
-            },
-
-            "selectionController": {
-                "prototype": "js/controllers/selection-controller",
-                "bindings" : {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "documentController": {
-                "prototype": "js/controllers/document-controller",
-                "bindings": {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "documentList": {
-                "prototype": "montage/ui/controller/array-controller",
-                "properties": {
-                    "selectObjectsOnAddition": true
+    
+                "keyboardMediator": {
+                    "prototype": "js/mediators/keyboard-mediator",
+                    "properties":{
+                        "appModel":     {"@": "appModel"}
+                    }
                 },
-                "bindings": {
-                    "content": {"<->": "@documentController.documents"}
-                }
-            },
-
-            "popupManager1": {
-                "prototype": "js/components/popup-manager.reel",
-                "properties": {
-                    "element": {"#": "popupWindows"}
-                }
-            },
-
-            "colorController1": {
-                "prototype": "js/controllers/color-controller"
-            },
-
-            "presetsController": {
-                "prototype": "js/controllers/presets-controller"
-            },
-
-            "filePickerController": {
-                "prototype": "js/io/ui/file-picker/file-picker-controller"
-            },
-
-            "newFileController": {
-                "prototype": "js/io/ui/new-file-dialog/new-file-workflow-controller"
-            },
-
-            "coreIoApi1": {
-                "prototype": "js/io/system/coreioapi[CoreIoApi]"
-            },
-
-            "mainMenuController": {
-                "prototype": "js/controllers/main-menu-controller"
-            },
-
-            "focusManager": {
-                "object": "js/components/focus-manager.reel",
-                "properties": {
-                    "element": {"#": "focus-container" }
-                }
-            },
-
-            "codeEditorWrapper": {
-                "prototype": "js/code-editor/code-editor-wrapper",
-                "bindings": {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"}
-                }
-            },
-
-            "objectsController" : {
-                "prototype": "js/controllers/objects-controller",
-                "bindings": {
-                    "currentDocument": {"<-": "@documentList.selectedObjects.0"},
-                    "objects": {"<-": "@documentList.selectedObjects.0.model.mObjects"}
-                }
-            },
-
-            "clipboardController": {
-                "prototype": "js/controllers/clipboard-controller"
-            },
-
-            "owner": {
-                "prototype": "js/ninja.reel",
-                "properties": {
-                    "element":              {"#": "main"},
-                    "rulerTop":             {"#": "rulerTop"},
-                    "rulerLeft":            {"#": "rulerLeft"},
-                    "appModel":             {"@": "appModel"},
-                    "toolsData":            {"@": "toolsData1"},
-                    "toolsList":            {"@": "toolsList"},
-                    "toolsProperties":      {"@": "toolsProperties"},
-                    "stage":                {"@": "stage"},
-                    "elementMediator":      {"@": "elementMediator"},
-                    "dragDropMediator":     {"@": "dragDropMediator"},
-                    "undocontroller":       {"@": "undocontroller1"},
-                    "selectionController":  {"@": "selectionController"},
-                    "documentController":   {"@": "documentController"},
-                    "popupManager":         {"@": "popupManager1"},
-                    "colorController":      {"@": "colorController1"},
-                    "stylesController":     {"@": "stylesController"},
-                    "presetsController":    {"@": "presetsController"},
-                    "filePickerController": {"@": "filePickerController"},
-                    "newFileController":    {"@": "newFileController"},
-                    "coreIoApi":            {"@": "coreIoApi1"},
-                    "documentBar":          {"@": "documentBar"},
-                    "editorViewOptions":    {"@": "editorViewOptions"},
-                    "ioMediator":           {"@": "ioMediator"},
-                    "timeline":             {"@": "timeline"},
-                    "mainMenuController":   {"@": "mainMenuController"},
-                    "codeEditorWrapper": {"@": "codeEditorWrapper"},
-                    "objectsController":    {"@": "objectsController"},
-                    "rightPanelContainer":  {"#": "rightPanelContainer" },
-                    "panelSplitter":        {"@": "splitter3"},
-                    "timelineSplitter":     {"@": "splitter4"},
-                    "toolsSplitter":        {"@": "splitter2"},
-                    "optionsSplitter":      {"@": "splitter1"},
-                    "clipboardController":  {"@": "clipboardController"},
-                    "documentList":         {"@": "documentList"}
+    
+                "dragDropMediator": {
+                    "prototype": "js/mediators/drag-drop-mediator"
+                },
+    
+                "elementMediator": {
+                    "prototype": "js/mediators/element-mediator"
+                },
+    
+                "ioMediator": {
+                    "prototype": "js/mediators/io-mediator"
+                },
+    
+                "undocontroller1": {
+                    "prototype": "js/controllers/undo-controller"
+                },
+    
+                "selectionController": {
+                    "prototype": "js/controllers/selection-controller",
+                    "bindings" : {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                    }
+                },
+    
+                "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": {
+                    "prototype": "js/components/popup-manager.reel",
+                    "properties": {
+                        "element": {"#": "popupWindows"}
+                    }
+                },
+                
+                "colorController1": {
+                    "prototype": "js/controllers/color-controller"
+                },
+    
+                "presetsController": {
+                    "prototype": "js/controllers/presets-controller"
+                },
+    
+                "filePickerController": {
+                    "prototype": "js/io/ui/file-picker/file-picker-controller"
+                },
+    
+                "newFileController": {
+                    "prototype": "js/io/ui/new-file-dialog/new-file-workflow-controller"
+                },
+                
+                "coreIoApi1": {
+                    "prototype": "js/io/system/coreioapi[CoreIoApi]"
+                },
+    
+                "mainMenuController": {
+                    "prototype": "js/controllers/main-menu-controller"
+                },
+    
+                "focusManager": {
+                    "object": "js/components/focus-manager.reel",
+                    "properties": {
+                        "element": {"#": "focus-container" }
+                    }
+                },
+    
+                "codeEditorWrapper": {
+                    "prototype": "js/code-editor/code-editor-wrapper",
+                    "bindings": {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"}
+                    }
+                },
+    
+                "objectsController" : {
+                    "prototype": "js/controllers/objects-controller",
+                    "bindings": {
+                        "currentDocument": {"<-": "@documentList.selectedObjects.0"},
+                        "objects": {"<-": "@documentList.selectedObjects.0.model.mObjects"}
+                    }
+                },
+    
+                "clipboardController": {
+                    "prototype": "js/controllers/clipboard-controller"
+                },
+    
+                "owner": {
+                    "prototype": "js/ninja.reel",
+                    "properties": {
+                        "element":              {"#": "main"},
+                        "rulerTop":             {"#": "rulerTop"},
+                        "rulerLeft":            {"#": "rulerLeft"},
+                        "appModel":             {"@": "appModel"},
+                        "toolsData":            {"@": "toolsData1"},
+                        "toolsList":            {"@": "toolsList"},
+                        "toolsProperties":      {"@": "toolsProperties"},
+                        "stage":                {"@": "stage"},
+                        "elementMediator":      {"@": "elementMediator"},
+                        "dragDropMediator":     {"@": "dragDropMediator"},
+                        "undocontroller":       {"@": "undocontroller1"},
+                        "selectionController":  {"@": "selectionController"},
+                        "documentController":   {"@": "documentController"},
+                        "popupManager":         {"@": "popupManager1"},
+    					"colorController":      {"@": "colorController1"},
+                        "stylesController":     {"@": "stylesController"},
+                        "presetsController":    {"@": "presetsController"},
+                        "filePickerController": {"@": "filePickerController"},
+                        "newFileController":    {"@": "newFileController"},
+                        "coreIoApi":            {"@": "coreIoApi1"},
+                        "documentBar":          {"@": "documentBar"},
+                        "editorViewOptions":    {"@": "editorViewOptions"},
+                        "ioMediator":           {"@": "ioMediator"},
+                        "timeline":             {"@": "timeline"},
+                        "mainMenuController":   {"@": "mainMenuController"},
+                        "codeEditorWrapper": {"@": "codeEditorWrapper"},
+                        "objectsController":    {"@": "objectsController"},
+                        "rightPanelContainer":  {"#": "rightPanelContainer" },
+                        "panelSplitter":        {"@": "splitter3"},
+                        "timelineSplitter":     {"@": "splitter4"},
+                        "toolsSplitter":        {"@": "splitter2"},
+                        "optionsSplitter":      {"@": "splitter1"},
+    					"clipboardController":  {"@": "clipboardController"},
+                        "documentList":         {"@": "documentList"}
+                    }
                 }
             }
-        }
-    </script>
-
-</head>
-<body>
-
-    <div data-montage-id="main" class="main">
-
-        <section id="topMenu">
-            <nav data-montage-id="mainMenuBar"></nav>
-        </section>
+        </script>
 
-        <section data-montage-id="leftSplitter" class="leftSplitter splitter"></section>
+    </head>
+    
+    <body>
 
-        <section data-montage-id="rightSplitter" class="rightSplitter splitter"></section>
-
-        <section id="appContainer">
-            <section data-montage-id="topSplitter" class="topSplitter splitter"></section>
-
-            <section data-montage-id="topPanelContainer" id="topPanelContainer" class="panelContainer">
-                <div id="topPanel" class="panel">
-                    <div id="toolPropertiesPanel">
-                        <div data-montage-id="toolsProperties"></div>
-                    </div>
-
-                    <div data-montage-id="stageMode" class="unselectable marginposition"></div>
-                </div>
+        <div data-montage-id="main" class="main">
+    
+            <section id="topMenu">
+                <nav data-montage-id="mainMenuBar"></nav>
             </section>
-
-            <section id="appWorkspace">
-                <section data-montage-id="leftPanelContainer" id="leftPanelContainer" class="panelContainer">
-                    <section id="toolsPanelContent" class="panel">
-                        <div data-montage-id="toolsList"></div>
-                    </section>
+    
+            <section data-montage-id="leftSplitter" class="leftSplitter splitter"></section>
+    
+            <section data-montage-id="rightSplitter" class="rightSplitter splitter"></section>
+    
+            <section id="appContainer">
+                <section data-montage-id="topSplitter" class="topSplitter splitter"></section>
+    
+                <section data-montage-id="topPanelContainer" id="topPanelContainer" class="panelContainer">
+                    <div id="topPanel" class="panel">
+                        <div id="toolPropertiesPanel">
+                            <div data-montage-id="toolsProperties"></div>
+                        </div>
+    
+                        <div data-montage-id="stageMode" class="unselectable marginposition"></div>
+                    </div>
                 </section>
-
-                <section id="mainContainer">
-                    <section class="mainContainerContent">
-
-                        <section id="documentTabs">
-                            <div data-montage-id="openDocumentsTabComponent" class="openDocumentsTab"></div>
-                        </section>
-
-                        <section data-montage-id="rulerTop" class="rulerTop"></section>
-
-                        <section id="mainContent">
-                            <section data-montage-id="rulerLeft" class="rulerLeft"></section>
-                            <section data-montage-id="stageAndScenesContainer"></section>
-                            <section data-montage-id="pasteboardResizer" class="pasteboardResizer resizeBar"></section>
+    
+                <section id="appWorkspace">
+                    <section data-montage-id="leftPanelContainer" id="leftPanelContainer" class="panelContainer">
+                        <section id="toolsPanelContent" class="panel">
+                            <div data-montage-id="toolsList"></div>
                         </section>
-                        <section data-montage-id="timelineResizer" class="timelineResizer resizeBar"></section>
-                        <section id="stateBar">
-                            <section id="documentBarContainer">
-                                <div data-montage-id="documentBar" class="documentBar" style="display:block"></div>
-                                <div data-montage-id="editorViewOptions" class="editorViewOptions" style="display:none"></div>
+                    </section>
+    
+                    <section id="mainContainer">
+                        <section class="mainContainerContent">
+    
+                            <section id="documentTabs">
+                                <div data-montage-id="openDocumentsTabComponent" class="openDocumentsTab"></div>
+                            </section>
+    
+                            <section data-montage-id="rulerTop" class="rulerTop"></section>
+    
+                            <section id="mainContent">
+                                <section data-montage-id="rulerLeft" class="rulerLeft"></section>
+                                <section data-montage-id="stageAndScenesContainer"></section>
+                                <section data-montage-id="pasteboardResizer" class="pasteboardResizer resizeBar"></section>
+                            </section>
+                            <section data-montage-id="timelineResizer" class="timelineResizer resizeBar"></section>
+                            <section id="stateBar">
+                                <section id="documentBarContainer">
+                                    <div data-montage-id="documentBar" class="documentBar" style="display:block"></div>
+                                    <div data-montage-id="editorViewOptions" class="editorViewOptions" style="display:none"></div>
+                                </section>
                             </section>
+    
+                            <section data-montage-id="breadCrumbComponent"></section>
+                            <div data-montage-id="timelinePanelComponent" class="timelinePanel"></div>
                         </section>
-
-                        <section data-montage-id="breadCrumbComponent"></section>
-                        <div data-montage-id="timelinePanelComponent" class="timelinePanel"></div>
                     </section>
-                </section>
-
-                <section data-montage-id="rightPanelResizer" class="rightPanelResizer resizeBar"></section>
-
-                <section data-montage-id="rightPanelContainer" id="rightPanelContainer" class="rightPanelContainer panelContainer">
-                    <section data-montage-id="rightPanelContent" class="rightPanelContent">
+    
+                    <section data-montage-id="rightPanelResizer" class="rightPanelResizer resizeBar"></section>
+    
+                    <section data-montage-id="rightPanelContainer" id="rightPanelContainer" class="rightPanelContainer panelContainer">
+                        <section data-montage-id="rightPanelContent" class="rightPanelContent">
+                        </section>
                     </section>
                 </section>
+    
+                <section data-montage-id="bottomSplitter" class="bottomSplitter splitter"></section>
             </section>
-
-            <section data-montage-id="bottomSplitter" class="bottomSplitter splitter"></section>
-        </section>
-
-        <div data-montage-id="focus-container" class="hidden"></div>
-
-        <section data-montage-id="popupWindows"></section>
-
-    </div>
-
-</body>
+    
+            <div data-montage-id="focus-container" class="hidden"></div>
+    
+            <section data-montage-id="popupWindows"></section>
+    
+        </div>
+
+    </body>
+    
 </html>
-- 
cgit v1.2.3


From fdbec324dad4ab33d97282ab021d2c1661bc097c Mon Sep 17 00:00:00 2001
From: Kris Kowal
Date: Mon, 9 Jul 2012 16:27:52 -0700
Subject: BSD License

---
 assets/canvas-runtime.js                           | 23 ++++++++-------
 assets/shaders/Basic.frag.glsl                     | 23 ++++++++-------
 assets/shaders/Basic.vert.glsl                     | 23 ++++++++-------
 assets/shaders/BasicTex.frag.glsl                  | 23 ++++++++-------
 assets/shaders/Cloud.frag.glsl                     | 23 ++++++++-------
 assets/shaders/Cloud.vert.glsl                     | 23 ++++++++-------
 assets/shaders/Flag.frag.glsl                      | 23 ++++++++-------
 assets/shaders/Flag.vert.glsl                      | 23 ++++++++-------
 assets/shaders/Taper.frag.glsl                     | 23 ++++++++-------
 assets/shaders/Taper.vert.glsl                     | 23 ++++++++-------
 assets/shaders/TwistVert.frag.glsl                 | 23 ++++++++-------
 assets/shaders/TwistVert.vert.glsl                 | 23 ++++++++-------
 assets/shaders/linearGradient.frag.glsl            | 23 ++++++++-------
 assets/shaders/linearGradient.vert.glsl            | 23 ++++++++-------
 assets/shaders/radialGradient.frag.glsl            | 23 ++++++++-------
 assets/shaders/radialGradient.vert.glsl            | 23 ++++++++-------
 assets/shaders/test_fshader.glsl                   | 23 ++++++++-------
 assets/shaders/test_fshader_full.glsl              | 23 ++++++++-------
 assets/shaders/test_vshader.glsl                   | 23 ++++++++-------
 assets/shaders/ub_fshader.glsl                     | 23 ++++++++-------
 assets/shaders/ub_vshader.glsl                     | 23 ++++++++-------
 credits.html                                       | 23 ++++++++-------
 css/ninja.css                                      | 23 ++++++++-------
 index.html                                         | 23 ++++++++-------
 js/clipboard/external-apps-clipboard-agent.js      | 23 ++++++++-------
 .../internal-ops/component-clipboard-agent.js      | 23 ++++++++-------
 js/clipboard/internal-ops/css-clipboard-agent.js   | 23 ++++++++-------
 .../internal-ops/elements-clipboard-agent.js       | 23 ++++++++-------
 .../internal-ops/timeline-clipboard-agent.js       | 23 ++++++++-------
 js/clipboard/util.js                               | 23 ++++++++-------
 js/code-editor/code-editor-wrapper.js              | 23 ++++++++-------
 .../codemirror-ninja/lib/ninja-simple-hint.js      | 23 ++++++++-------
 .../codemirror-ninja/theme/lesser-dark-ninja.css   | 23 ++++++++-------
 .../codemirror-ninja/theme/rubyblue-ninja.css      | 23 ++++++++-------
 .../codemirror-ninja/theme/xq-dark-ninja.css       | 23 ++++++++-------
 .../code-editor-view-options.css                   | 23 ++++++++-------
 .../code-editor-view-options.html                  | 23 ++++++++-------
 .../code-editor-view-options.js                    | 23 ++++++++-------
 js/components/SliderBase.js                        | 23 ++++++++-------
 js/components/about-box.reel/about-box.css         | 23 ++++++++-------
 js/components/about-box.reel/about-box.html        | 23 ++++++++-------
 js/components/about-box.reel/about-box.js          | 23 ++++++++-------
 js/components/colorbar.reel/colorbar.html          | 23 ++++++++-------
 js/components/colorbar.reel/colorbar.js            | 23 ++++++++-------
 js/components/colorbar.reel/css/colorbar.css       | 23 ++++++++-------
 js/components/colorbar.reel/css/colorbar.scss      | 23 ++++++++-------
 js/components/colorwheel.reel/colorwheel.html      | 23 ++++++++-------
 js/components/colorwheel.reel/colorwheel.js        | 23 ++++++++-------
 js/components/colorwheel.reel/css/colorwheel.css   | 23 ++++++++-------
 js/components/colorwheel.reel/css/colorwheel.scss  | 23 ++++++++-------
 js/components/combobox.reel/combobox.html          | 23 ++++++++-------
 js/components/combobox.reel/combobox.js            | 23 ++++++++-------
 js/components/controllers/tree-controller.js       | 23 ++++++++-------
 js/components/converter/string-units-converter.js  | 23 ++++++++-------
 js/components/converter/string-value-converter.js  | 23 ++++++++-------
 js/components/core/class-uuid.js                   | 23 ++++++++-------
 js/components/editable.reel/editable.js            | 23 ++++++++-------
 js/components/focus-manager.reel/focus-manager.js  | 23 ++++++++-------
 .../gradientpicker.reel/css/gradientpicker.css     | 23 ++++++++-------
 .../gradientpicker.reel/css/gradientpicker.scss    | 23 ++++++++-------
 .../gradientpicker.reel/gradientpicker.html        | 23 ++++++++-------
 .../gradientpicker.reel/gradientpicker.js          | 23 ++++++++-------
 js/components/hintable.reel/hintable.js            | 23 ++++++++-------
 js/components/hottext.reel/hottext.css             | 23 ++++++++-------
 js/components/hottext.reel/hottext.html            | 23 ++++++++-------
 js/components/hottext.reel/hottext.js              | 23 ++++++++-------
 js/components/hottextunit.reel/hottextunit.css     | 23 ++++++++-------
 js/components/hottextunit.reel/hottextunit.html    | 23 ++++++++-------
 js/components/hottextunit.reel/hottextunit.js      | 23 ++++++++-------
 .../layout/bread-crumb.reel/bread-crumb.css        | 23 ++++++++-------
 .../layout/bread-crumb.reel/bread-crumb.html       | 23 ++++++++-------
 .../layout/bread-crumb.reel/bread-crumb.js         | 23 ++++++++-------
 .../layout/document-bar.reel/document-bar.css      | 23 ++++++++-------
 .../layout/document-bar.reel/document-bar.html     | 23 ++++++++-------
 .../layout/document-bar.reel/document-bar.js       | 23 ++++++++-------
 .../layout/document-entry.reel/document-entry.css  | 23 ++++++++-------
 .../layout/document-entry.reel/document-entry.html | 23 ++++++++-------
 .../layout/document-entry.reel/document-entry.js   | 23 ++++++++-------
 .../layout/documents-tab.reel/documents-tab.css    | 23 ++++++++-------
 .../layout/documents-tab.reel/documents-tab.html   | 23 ++++++++-------
 .../layout/documents-tab.reel/documents-tab.js     | 23 ++++++++-------
 .../layout/stage-mode.reel/stage-mode.css          | 23 ++++++++-------
 .../layout/stage-mode.reel/stage-mode.html         | 23 ++++++++-------
 js/components/layout/stage-mode.reel/stage-mode.js | 23 ++++++++-------
 .../layout/subtool-button.reel/subtool-button.css  | 23 ++++++++-------
 .../layout/subtool-button.reel/subtool-button.html | 23 ++++++++-------
 .../layout/subtool-button.reel/subtool-button.js   | 23 ++++++++-------
 .../layout/tool-button.reel/tool-button.css        | 23 ++++++++-------
 .../layout/tool-button.reel/tool-button.html       | 23 ++++++++-------
 .../layout/tool-button.reel/tool-button.js         | 23 ++++++++-------
 .../layout/tools-list.reel/tools-list.css          | 23 ++++++++-------
 .../layout/tools-list.reel/tools-list.html         | 23 ++++++++-------
 js/components/layout/tools-list.reel/tools-list.js | 23 ++++++++-------
 .../tools-properties.reel/tools-properties.css     | 23 ++++++++-------
 .../tools-properties.reel/tools-properties.html    | 23 ++++++++-------
 .../tools-properties.reel/tools-properties.js      | 23 ++++++++-------
 js/components/menu/menu-entry.reel/menu-entry.css  | 23 ++++++++-------
 js/components/menu/menu-entry.reel/menu-entry.html | 23 ++++++++-------
 js/components/menu/menu-entry.reel/menu-entry.js   | 23 ++++++++-------
 js/components/menu/menu-item.reel/menu-item.css    | 23 ++++++++-------
 js/components/menu/menu-item.reel/menu-item.html   | 23 ++++++++-------
 js/components/menu/menu-item.reel/menu-item.js     | 23 ++++++++-------
 js/components/menu/menu.reel/menu.css              | 23 ++++++++-------
 js/components/menu/menu.reel/menu.html             | 23 ++++++++-------
 js/components/menu/menu.reel/menu.js               | 23 ++++++++-------
 .../popup-manager.reel/popup-manager.html          | 23 ++++++++-------
 js/components/popup-manager.reel/popup-manager.js  | 23 ++++++++-------
 js/components/popup.reel/css/popup.css             | 23 ++++++++-------
 js/components/popup.reel/css/popup.scss            | 23 ++++++++-------
 js/components/popup.reel/popup.html                | 23 ++++++++-------
 js/components/popup.reel/popup.js                  | 23 ++++++++-------
 js/components/prompt.reel/prompt.js                | 23 ++++++++-------
 js/components/radio.reel/radio.html                | 23 ++++++++-------
 js/components/radio.reel/radio.js                  | 23 ++++++++-------
 js/components/slider.reel/slider.css               | 23 ++++++++-------
 js/components/slider.reel/slider.html              | 23 +