1 files changed, 100 insertions, 121 deletions

diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index 190f818c..dfc40c0a 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -277,7 +277,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
             this.layout_tracks.addEventListener("scroll", this.updateLayerScroll.bind(this), false);
             this.user_layers.addEventListener("scroll", this.updateLayerScroll.bind(this), false);
             this.end_hottext.addEventListener("changing", this.updateTrackContainerWidth.bind(this), false);
-                        
                 }
         },
         
@@ -285,15 +284,12 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
         value:function () {
             var myIndex;
                         this.drawTimeMarkers();
-
             // Document switching
                         // Check to see if we have saved timeline information in the currentDocument.
                         if (typeof(this.application.ninja.currentDocument.isTimelineInitialized) === "undefined") {
                                 // No, we have no information stored.  Create it.
-                                this.log('newfile ' + this.application.ninja.currentDocument.name)
                                 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;
@@ -325,29 +321,17 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                 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
-                //this.layerRepetition.needsDraw = true;
-                //this.trackRepetition.needsDraw = true;
-                //this.needsDraw = true;
         }
     },
     
@@ -367,7 +351,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
             
             // Clear variables--including repetitions.
             this.hashInstance = null;
-            this.hashLayerNumber = null;
             this.hashElementMapToLayer = null;
                         this.arrLayers = [];
 
@@ -391,7 +374,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                 this._bindDocumentEvents();
                 
             this.hashInstance = this.createLayerHashTable();
-            this.hashLayerNumber = this.createLayerNumberHash();
             this.hashElementMapToLayer = this.createElementMapToLayer();
             this.initTimelineForDocument();
         }
@@ -501,7 +483,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                     this._firstTimeLoaded = false;
                 } else {
                     this.arrLayers.length = 0;
-                    this.arrTracks.length = 0;
                     this.hashKey = node.uuid;
 
                     if (this.returnedObject = this.hashInstance.getItem(this.hashKey)) {
@@ -533,8 +514,8 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                 if (object._el.parentElementUUID !== this.application.ninja.currentSelectedContainer.uuid) {
                     dLayer = this.hashInstance.getItem(object._el.parentElementUUID);
                     while (dLayer[hashVariable]) {
-                        if (dLayer[hashVariable]._layerID === object._el._layerID) {
-                            dLayer[hashVariable].deleted = false;
+                        if (dLayer[hashVariable].layerData._layerID === object._el._layerID) {
+                            dLayer[hashVariable].layerData.deleted = false;
                             parentNode = dLayer[hashVariable].parentElement;
                             break;
                         }
@@ -544,9 +525,9 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                     this.LayerBinding(parentNode);
                 } else {
                     dLayer = this.hashInstance.getItem(object._el.parentElementUUID);
-                    while (dLayer[hashVariable]) {
-                        if (dLayer[hashVariable]._layerID === object._el._layerID) {
-                            dLayer[hashVariable].deleted = false;
+                    while (dLayer[hashVariable].layerData) {
+                        if (dLayer[hashVariable].layerData._layerID === object._el._layerID) {
+                            dLayer[hashVariable].layerData.deleted = false;
 
                             this.arrLayers.splice(object._layerPosition, 0, object._el);
                             this.selectLayer(object._layerPosition);
@@ -561,58 +542,58 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
             var newLayerName = "",
                 thingToPush = {},
                 myIndex = 0;
+            thingToPush.layerData = {};
 
-//            this.currentLayerNumber = this.hashLayerNumber.getItem(this._hashKey);
-//            if (this.currentLayerNumber === undefined) {
-//                this.currentLayerNumber = 0;
-//            }
 
             this.currentLayerNumber = this.currentLayerNumber + 1;
             newLayerName = "Layer " + this.currentLayerNumber;
-            thingToPush.layerName = newLayerName;
-            thingToPush.layerID = this.currentLayerNumber;
-            thingToPush.isMainCollapsed = true;
-            thingToPush.isPositionCollapsed = true;
-            thingToPush.isTransformCollapsed = true;
-            thingToPush.isStyleCollapsed = true;
-            thingToPush.arrLayerStyles = [];
-            thingToPush.elementsList = [];
-            thingToPush.deleted = false;
-            thingToPush.isSelected = false;
-            thingToPush.created=false;
-            thingToPush.isTrackAnimated = false;
-            thingToPush.currentKeyframeRule = null;
-            thingToPush.trackPosition = 0;
-            thingToPush.arrStyleTracks = [];
-            thingToPush.tweens = [];
+            thingToPush.layerData.layerName = newLayerName;
+            thingToPush.layerData.layerID = this.currentLayerNumber;
+            thingToPush.layerData.isMainCollapsed = true;
+            thingToPush.layerData.isPositionCollapsed = true;
+            thingToPush.layerData.isTransformCollapsed = true;
+            thingToPush.layerData.isStyleCollapsed = true;
+            thingToPush.layerData.arrLayerStyles = [];
+            thingToPush.layerData.elementsList = [];
+            thingToPush.layerData.deleted = false;
+            thingToPush.layerData.isSelected = false;
+
+            thingToPush.layerData.isActive = false;
+
+            thingToPush.layerData.created=false;
+            thingToPush.layerData.isTrackAnimated = false;
+            thingToPush.layerData.currentKeyframeRule = null;
+            thingToPush.layerData.trackPosition = 0;
+            thingToPush.layerData.arrStyleTracks = [];
+            thingToPush.layerData.tweens = [];
 
             thingToPush.parentElementUUID = this.hashKey;
             thingToPush.parentElement = this.application.ninja.currentSelectedContainer;
 
             if (!!this.layerRepetition.selectedIndexes) {
                 myIndex = this.layerRepetition.selectedIndexes[0];
-                thingToPush.layerPosition = myIndex;
-                thingToPush.isSelected = true;
-                thingToPush.trackPosition = myIndex;
+                thingToPush.layerData.layerPosition = myIndex;
+                thingToPush.layerData.isSelected = true;
+                thingToPush.layerData.trackPosition = myIndex;
                 this.arrLayers.splice(myIndex, 0, thingToPush);
                 this._LayerUndoPosition = myIndex;
                 this.selectLayer(myIndex);
-                this.hashLayerNumber.setItem(this.hashKey, thingToPush);
+                <