1 files changed, 216 insertions, 210 deletions

diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index 2c98233c..9c782787 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -49,6 +49,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
         value: function() {
                 if (this._boolCacheArrays) {
                                 this.application.ninja.currentDocument.tlArrLayers = this.arrLayers;
+
                 }
         }
     },
@@ -69,6 +70,39 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
         set:function (newVal) {
             if (newVal !== this._currentLayerNumber) {
                 this._currentLayerNumber = newVal;
+                this._setCurrentLayerNumber();
+            }
+        }
+    },
+
+    _setCurrentLayerNumber:{
+        value:function(){
+            if (this._boolCacheArrays) {
+                this.application.ninja.currentDocument.tllayerNumber = this.currentLayerNumber;
+            }
+        }
+    },
+
+    _hashKey:{
+            value:0
+        },
+
+    hashKey:{
+        get:function () {
+            return this._hashKey;
+        },
+        set:function (newVal) {
+            if (newVal !== this._hashKey) {
+                this._hashKey = newVal;
+                this._setHashKey();
+            }
+        }
+    },
+
+    _setHashKey:{
+        value:function(){
+            if (this._boolCacheArrays) {
+                this.application.ninja.currentDocument.hashKey = this.hashKey;
             }
         }
     },
@@ -140,6 +174,22 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
         }
     },
 
+    _breadCrumbContainer:{
+            value:null
+            },
+
+    breadCrumbContainer: {
+        set: function(value) {
+            if(this._breadCrumbContainer !== value) {
+                this._breadCrumbContainer = value;
+                this.LayerBinding(this.application.ninja.currentSelectedContainer);
+            }
+        },
+        get: function() {
+            return this._breadCrumbContainer;
+        }
+    },
+
     _isLayer:{
         value:false
     },
@@ -188,11 +238,9 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                 value: function(boolUnbind) {
                         var arrEvents = ["deleteLayerClick", 
                                                          "newLayer", 
-                                                         "deleteLayer", 
-                                                         "layerBinding",
+                                                         "deleteLayer",
                                                          "elementAdded", 
-                                                         "elementDeleted", 
-                                                         "deleteSelection", 
+                                                         "elementDeleted",
                                                          "selectionChange"],
                                 i,
                                 arrEventsLength = arrEvents.length;
@@ -205,6 +253,11 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                                 for (i = 0; i < arrEventsLength; i++) {
                                         this.eventManager.addEventListener(arrEvents[i], this, false);
                                 }
+                Object.defineBinding(this, "breadCrumbContainer", {
+                    boundObject: this.application.ninja,
+                    boundObjectPropertyPath:"currentSelectedContainer",
+                    oneway: true
+                });
                         }
                 }
         },
@@ -231,8 +284,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
         value:function () {
             var myIndex;
                         this.drawTimeMarkers();
-                        this._hashKey = "123";
-            
+
             // Document switching
                         // Check to see if we have saved timeline information in the currentDocument.
                         if (typeof(this.application.ninja.currentDocument.isTimelineInitialized) === "undefined") {
@@ -241,41 +293,54 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                                 this.application.ninja.currentDocument.isTimelineInitialized = true;
                                 this.application.ninja.currentDocument.tlArrLayers = [];
                                 this.application.ninja.currentDocument.tlArrTracks = [];
-                                
-                                
+                this.application.ninja.currentDocument.tllayerNumber = 0;
+                this.application.ninja.currentDocument.tlLayerHashTable=[];
+                this.hashKey = this.application.ninja.currentSelectedContainer.uuid;
+
                                 // Loop through the DOM of the document to find layers and animations.
                                 // Fire off events as they are found.
-                                _firstLayerDraw = false;
                     if(!this.application.ninja.documentController.creatingNewFile){
                         if(this.application.ninja.currentDocument.documentRoot.children[0]){
                             myIndex=0;
                             while(this.application.ninja.currentDocument.documentRoot.children[myIndex])
                             {
                                 this._openDoc=true;
-                                NJevent('newLayer',{key:this._hashKey,ele:this.application.ninja.currentDocument.documentRoot.children[myIndex]})
+                            this.restoreLayer(this.application.ninja.currentDocument.documentRoot.children[myIndex]);
                                 myIndex++;
                                                 }
                         }
                         else{
-                            NJevent('newLayer', this._hashKey);
+                        this.restoreLayer(1);
                             this.selectLayer(0);
                         }
                     }else{
-                        NJevent('newLayer', this._hashKey);
+                    this.createNewLayer(1);
                         this.selectLayer(0);
         
                     }
-                    _firstLayerDraw = true;
-                    
                     // After recreating the tracks and layers, store the result in the currentDocument.
                                 this.application.ninja.currentDocument.tlArrLayers = this.arrLayers;
+                this.application.ninja.currentDocument.tllayerNumber = this.currentLayerNumber;
+                this.application.ninja.currentDocument.tlLayerHashTable = this.hashInstance;
+                this.application.ninja.currentDocument.tlElementHashTable = this.hashElementMapToLayer;
+                this.application.ninja.currentDocument.hashKey=this.hashKey;
+
+
                                 
                         } else {
                                 // we do have information stored.  Use it.
                                 this._boolCacheArrays = false;
                                 //this.arrLayers = [];
                                 this.arrLayers = this.application.ninja.currentDocument.tlArrLayers;
+                                this.arrTracks = this.application.ninja.currentDocument.tlArrTracks;
+                this.currentLayerNumber = this.application.ninja.currentDocument.tllayerNumber;
+                this.hashInstance = this.application.ninja.currentDocument.tlLayerHashTable;
+                this.hashElementMapToLayer = this.application.ninja.currentDocument.tlElementHashTable;
+                this.hashKey = this.application.ninja.currentDocument.hashKey;
+                this.selectLayer(0);
                                 this._boolCacheArrays = true;
+
+
                         }
                         
                 // Redraw all the things
@@ -301,7 +366,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {