25 files changed, 720 insertions, 1759 deletions

diff --git a/js/panels/CSSPanel/css-shorthand-map.js b/js/panels/CSSPanel/css-shorthand-map.js
index d469e2a1..e38627f7 100755
--- a/js/panels/CSSPanel/css-shorthand-map.js
+++ b/js/panels/CSSPanel/css-shorthand-map.js
@@ -68,7 +68,15 @@ exports.CSS_SHORTHAND_MAP = {
     'padding-left' : ['padding'],
     'padding-right' : ['padding'],
     'padding-top' : ['padding'],
-    
+
+    '-webkit-animation-name'            : ['-webkit-animation'],
+    '-webkit-animation-duration'        : ['-webkit-animation'],
+    '-webkit-animation-timing-function' : ['-webkit-animation'],
+    '-webkit-animation-delay'           : ['-webkit-animation'],
+    '-webkit-animation-iteration-count' : ['-webkit-animation'],
+    '-webkit-animation-direction'       : ['-webkit-animation'],
+    '-webkit-animation-fill-mode'       : ['-webkit-animation'],
+
     '-webkit-transition-property' : ['-webkit-transition'],
     '-webkit-transition-duration' : ['-webkit-transition'],
     '-webkit-transition-timing-function' : ['-webkit-transition'],
@@ -91,6 +99,7 @@ exports.CSS_SHORTHAND_TO_SUBPROP_MAP = {
     'list' : ["list-style-type", "list-style-image", "list-style-position"],
     'margin' : ["margin-top", "margin-right", "margin-bottom", "margin-left"],
     'padding' : ["padding-top", "padding-right", "padding-bottom", "padding-left"],
+    '-webkit-animation': ["webkit-animation-name", "webkit-animation-duration", "webkit-animation-timing-function", "webkit-animation-delay", "webkit-animation-iteration-count", "webkit-animation-direction", "webkit-animation-fill-mode"],
     '-webkit-transition' : ["-webkit-transition-property", "-webkit-transition-duration",
                             "-webkit-transition-timing-function", "-webkit-transition-delay"]
 };
\ No newline at end of file
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index b0ab3b19..e6da9199 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -1214,6 +1214,58 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
                         arrSelectedLayers = false,
                         arrCurrentElementsSelected = [];
 
+                /*
+            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++) {
                 if (this.arrLayers[i].layerData.isSelected === true) {
@@ -1223,7 +1275,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 (j = 0; j < this.selectedTweens.length; j++) {
+                                for (var 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; 
@@ -1241,6 +1293,10 @@ 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) {
diff --git a/js/panels/color/colorchippopup.reel/colorchippopup.html b/js/panels/color/colorchippopup.reel/colorchippopup.html
deleted file mode 100755
index cdb26894..00000000
--- a/js/panels/color/colorchippopup.reel/colorchippopup.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<!-- 
-        <copyright>
-        This file contains proprietary software owned by Motorola Mobility, Inc.
-        No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
-        (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
-        </copyright>
--->
-<html lang="en">
-        <head>
-        
-        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
-        
-        <link rel="stylesheet" type="text/css" href="css/colorchippopup.css">
-                
-                <script type="text/montage-serialization">
-        {
-            "owner": {
-                "prototype": "js/panels/Color/colorchippopup.reel",
-                "properties": {
-                    "element": {"#": "cc_popup"}
-                }
-            }
-        }
-                </script>
-                
-        </head>
-        
-        <body>
-    
-        <div data-montage-id="cc_popup" class="cc_popup">
-                <div id="cc_pu_options">
-                        
-                        <div id="cc_pu_hex">#<input id="cc_pu_hottext_hex" class="cc_pu_hottext_hex" maxlength="6" /></div>
-                        
-                        <button id="cc_pu_wheel" title="Color Wheel">Color Wheel</button>
-                        <button id="cc_pu_images" title="Background Image">Images</button>
-                        <button id="cc_pu_gradients" title="Gradient">Gradients</button>
-                        <button id="cc_pu_palettes" title="Color Palette">Palettes</button>
-                        <button id="cc_pu_nocolor" title="No Color">No Color</button>
-                        
-                </div>
-                
-                <div id="cc_pu_content">
-                        <div id="cc_pu_wheel_container" class="cc_pu_wheel_container"></div>
-                        <div id="cc_pu_gradient_container" class="cc_pu_gradient_container"></div>
-                        <div id="cc_pu_palette_container" class="cc_pu_palette_container"></div>
-                        <div id="cc_pu_image_container" class="cc_pu_image_container"></div>
-                </div>