2 files changed, 158 insertions, 6 deletions

diff --git a/js/panels/Timeline/Layer.reel/Layer.js b/js/panels/Timeline/Layer.reel/Layer.js
index 1b8d73c0..baf01def 100644
--- a/js/panels/Timeline/Layer.reel/Layer.js
+++ b/js/panels/Timeline/Layer.reel/Layer.js
@@ -577,6 +577,7 @@ var Layer = exports.Layer = Montage.create(Component, {
                                         }
                         }
                         this._isFirstDraw = false;
+                        this.layerData._isFirstDraw = false;
                 }
         }
     },
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index d782e96d..ef85e067 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -83,7 +83,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
     },
 
     _currentLayerSelected:{
-        value:null
+        value: false
     },
     currentLayerSelected:{
         get:function () {
@@ -109,14 +109,38 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                 return;
             }
             if (newVal !== this._selectedLayerID) {
+                //console.log('TimelinePanel.selectLayerID.set')
                 var selectIndex = this.getLayerIndexByID(newVal);
                 this._selectedLayerID = newVal;
                 this._captureSelection = true;
-                this.selectLayer(selectIndex, true);
+                if (this.currentLayerSelected !== false) {
+                        this.selectLayer(selectIndex, true);
+                }
+                if (this.currentLayersSelected !== false) {
+                        this.selectLayers(this.currentLayersSelected);
+                }
+                if ((this.currentLayersSelected === false) && (this.currentLayerSelected === false)) {
+                        this.selectLayers([]);
+                }
+                
             }
         }
     },
 
+    _currentLayersSelected:{
+        value:[]
+    },
+    currentLayersSelected:{
+        get:function () {
+            return this._currentLayersSelected;
+        },
+        set:function (newVal) {
+                //console.log("TimelinePanel.currentLayersSelected.set, ", newVal);
+            this._currentLayersSelected = newVal;
+            this.cacheTimeline();
+        }
+    },
+
     _millisecondsOffset:{
         value:1000
     },
@@ -418,6 +442,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                         this.application.ninja.currentDocument.tlCurrentSelectedContainer = this.application.ninja.currentSelectedContainer;
                         this.application.ninja.currentDocument.tllayerNumber = this.currentLayerNumber;
                         this.application.ninja.currentDocument.tlCurrentLayerSelected = this.currentLayerSelected;
+                        this.application.ninja.currentDocument.tlCurrentLayersSelected = this.currentLayersSelected;
                         }
         }
     },
@@ -429,7 +454,8 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                         this.application.ninja.currentDocument.tlArrLayers = [];
                 this.application.ninja.currentDocument.tlCurrentSelectedContainer = this.application.ninja.currentSelectedContainer;
                 this.application.ninja.currentDocument.tllayerNumber = this.currentLayerNumber;
-                this.application.ninja.currentDocument.tlCurrentLayerSelected = null;
+                this.application.ninja.currentDocument.tlCurrentLayerSelected = false;
+                this.application.ninja.currentDocument.tlCurrentLayersSelected = false;
         }
     },
     
@@ -609,6 +635,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                 this.arrLayers = this.application.ninja.currentDocument.tlArrLayers;
                 this.currentLayerNumber = this.application.ninja.currentDocument.tllayerNumber;
                 this.currentLayerSelected = this.application.ninja.currentDocument.tlCurrentLayerSelected;
+                this.currentLayersSelected = this.application.ninja.currentDocument.tlCurrentLayersSelected;
 
 
                 //debugger;
@@ -651,6 +678,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                         this.checkable_animated.classList.remove("checked");
             this.currentLayerNumber = 0;
             this.currentLayerSelected = false;
+            this.currentLayersSelected = false;
             this.selectedKeyframes = [];
             this.selectedTweens = [];
             this._captureSelection = false;
@@ -670,7 +698,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
         value:function (event) {
             // Clear the timeline but not the cache
             //console.log('TimelinePanel.handleDocumentChange');
-//            debugger;
             if(event === undefined){
                 this.application.ninja.currentDocument.setLevel = true;
                 this._boolCacheArrays = false;
@@ -695,6 +722,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                 // Ignore extra closeDocument event that fires while there are still documents open.
                 return;
             }
+            //console.log(event.type);
             this._boolCacheArrays = false;
             this.clearTimelinePanel();
             this._boolCacheArrays = true;
@@ -772,9 +800,22 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
 
     handleSelectionChange:{
         value:function () {
-            var layerIndex, i = 0, arrLayersLength = this.arrLayers.length;
+            var layerIndex, 
+                i = 0,
+                j = 0,
+                arrLayersLength = this.arrLayers.length,
+                intNumSelected = this.application.ninja.selectedElements.length;
+                
             this.deselectTweens();
-            if (this.application.ninja.selectedElements.length === 1) {
+            //console.log("TimelinePanel.handleSelectionChange")
+            if (intNumSelected === 0) {
+                this.selectLayers([]);
+                this.currentLayerSelected = false;
+                this.currentLayersSelected = false;
+            }
+            
+            if (intNumSelected === 1) {
+                this.currentLayersSelected = false;
                 if (this.application.ninja.selectedElements[0]) {
                     for (i = 0; i < arrLayersLength; i++) {
                         if (this.application.ninja.selectedElements[0].uuid === this.arrLayers[i].layerData.elementsList[0].uuid) {
@@ -786,9 +827,94 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                     }
                 }
             }
+            
+            if (intNumSelected > 1) {
+                // Build an array of indexes of selected layers to give to the selectLayers method
+                var arrSelectedIndexes = [];
+                this.currentLayerSelected = false;
+                for (i = 0; i < intNumSelected; i++) {
+                        var currentCheck = this.application.ninja.selectedElements[i].uuid;
+                        //console.log("checking ", currentCheck);
+                        for (j = 0; j < arrLayersLength; j++) {
+                                //console.log(".......... ", this.arrLayers[j].layerData.elementsList[0].uuid)
+                                if (currentCheck === this.arrLayers[j].layerData.elementsList[0].uuid) {
+                                        //console.log("...............Yes!")
+                                        arrSelectedIndexes.push(j);
+                                }
+                        }
+                }
+                this.selectLayers(arrSelectedIndexes);
+            }
+        }
+    },
+
+
+
+    selectLayers:{
+        value:function (arrSelectedIndexes) {
+
+            var i = 0,
+                arrLayersLength = this.arrLayers.length,
+                arrSelectedIndexesLength = arrSelectedIndexes.length,
+                userSelection = false;
+            
+            //console.log(arrSelectedIndexes);
+            
+
+            if (this.selectedKeyframes) {
+                this.deselectTweens();
+            }
+            
+            for (i = 0; i < arrLayersLength; i++) {