1 files changed, 100 insertions, 129 deletions

diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index 3dc2e514..5df5775f 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -263,6 +263,18 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
         }
     },
     
+    _lastInsertionIndex: {
+        value: false
+    },
+    lastInsertionIndex: {
+        get: function() {
+                return this._lastInsertionIndex;
+        },
+        set: function(newVal) {
+                this._lastInsertionIndex = newVal;
+        }
+    },
+    
     _areTracksScrolling: {
         value: false
     },
@@ -1235,63 +1247,8 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                         j = 0,
                         arrLayersLength = this.arrLayers.length,
                         arrSelectedIndexesLength = arrSelectedIndexes.length,
-                        currentLayersSelectedLength = this.currentLayersSelected.length,
-                        boolContinue = false,
                         arrSelectedLayers = false,
                         arrCurrentElementsSelected = [];
-            var matchedValues = 0;
-
-                /*
-            if (arrSelectedIndexesLength !== 0) {
-                    for(i=0;i<arrSelectedIndexesLength;i++){
-                        for(j=0;j<currentLayersSelectedLength;j++){
-        
-                            if(this.arrLayers[arrSelectedIndexes[i]] === this.arrLayers[this.currentLayerSelected[j]]){
-                                matchedValues+=1;
-                            }
-                        }
-                    }
-        
-                    if(matchedValues === arrSelectedIndexesLength){
-                        return;
-                    }
-            } 
-
-                    if(this.arrLayers[arrSelectedIndexes[i]] === this.arrLayers[this.currentLayersSelected[j]]){
-                        matchedValues+=1;
-                    }
-                }
-            }
-
-
-                 // TODO: this should probably check to see if it actually needs to run.
-
-                                        console.log(arrSelectedIndexes);
-                        console.log(this.currentLayersSelected);
-                // Compare arrSelectedIndexes with this.currentLayersSelected
-                // If the items are the same, we do not need to do anything.
-                if (arrSelectedIndexesLength !== currentLayersSelectedLength) {
-                        // Different length in the arrays, we definitely need to continue.
-                        console.log('diferent length')
-                        boolContinue = true;
-                } else {
-                        // Check each selected index and see if it's in this.currentLayersSelected
-                        // If we find one that isn't, we need to continue
-
-                        for (i = 0; i < arrSelectedIndexesLength; i++) {
-                                console.log('checking for ', arrSelectedIndexes[i]);
-                                        if (this.currentLayersSelected.indexOf(arrSelectedIndexes[i]) === -1) {
-                                                // Ooops, one of them was not found.
-                                                boolContinue = true;
-                                        }
-                        }
-                }
-                if (boolContinue === false) {
-                        console.log('exiting')
-                        return;
-                }
-                */
-                
 
             // Deselect selected layers if they're not in arrSelectedIndexes.
             for (i = 0; i < arrLayersLength; i++) {
@@ -1302,7 +1259,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                                 
                                 // Check to see if this layer, that we're deselecting, has
                                 // any selected keyframes associated with it.  If it does, deselect them.
-                                for (var j = 0; j < this.selectedTweens.length; j++) {
+                                for (j = 0; j < this.selectedTweens.length; j++) {
                                         var currentStageElement;
                                         if (typeof(this.selectedTweens[j].parentComponent.parentComponent.trackType) === "undefined") {
                                                 currentStageElement = this.selectedTweens[j].parentComponent.parentComponent.stageElement; 
@@ -1320,10 +1277,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
             if (this.currentLayersSelected !== false) {
                 this.currentLayersSelected = false;
             }
-
-            // Deselect tweens
-            //this.deselectTweens();
-
             
             // If we are actually going to be selecting things, create an empty array to use
             if (arrSelectedIndexesLength > 0) {
@@ -1451,9 +1404,23 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                 arrLayersLength = arrLayers.length,
                 targetIndex = 0,
                     isAlreadySelected = false,
-                    indexAlreadySelected = 0,
-                    indexLastClicked = 0;
+                    indexAlreadySelected = -5,
+                    indexLastClicked = 0,
+                    ua = navigator.userAgent.toLowerCase(),
+                                boolCommandControlKeyIsPressed = false;
+                        
+                        // Check to see if either the Command key (macs) or Control key (windows) is being pressed
+                        if (ua.indexOf("mac") > -1) {
+                                if (event.metaKey === true) {
+                                        boolCommandControlKeyIsPressed = true;  
+                                }
+                        } else {
+                                if (this._isControlPressed === true) {
+                                        boolCommandControlKeyIsPressed = true;
+                                }
+                        }
 
+                        
                         // Did the mousedown event originate within a layer?
                         if (ptrParent === false) {
                                 // No it did not.  Do nothing.
@@ -1470,17 +1437,15 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
             
             // Did we just click on a layer that's already selected?
                         if (this.currentLayersSelected !== false) {
-                                indexAlreadySelected = this.currentLayersSelected.indexOf(targetIndex);
+                                for (i = 0; i < this.currentLayersSelected.length; i++) {
+                                        if (this.currentLayersSelected[i] === targetIndex) {
+                                                indexAlreadySelected = i;
+                                        }
+                                }
                         }
                         if (indexAlreadySelected > -1) {
                                 isAlreadySelected = true;
                         }
-                        
-                        /*
-                        if (targetIndex > -1) {
-                                indexLastClicked = targetIndex;
-                        }
-                        */
             
             // Now, do the selection based on all of that information.
             if (this.currentLayersSelected.length === 0) {
@@ -1489,13 +1454,12 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
             } else {
                 // Something is already selected.  What do do depends on whether
                 // or not other keys are pressed.
-                    if (this._isControlPressed === true) {
-                        // Control key is being pressed, so we need to 
+                    if (boolCommandControlKeyIsPressed === true) {
+                        // Control or Command key is being pressed, so we need to 
                         // either add the current layer to selectedLayers
                         // or remove it if it's already there.
                                         if (this.currentLayersSelected === false) {
                                                 this.currentLayersSelected = [];
-                                                //this.currentLayerSelected = false;
                                         }
                         if (isAlreadySelected === false) {
                                 this.currentLayersSelected.push(targetIndex);
@@ -1527,9 +1491,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                         this.currentLayersSelected = [targetIndex];
                         this.lastLayerClicked = targetIndex;
                     }