1 files changed, 124 insertions, 23 deletions

diff --git a/js/panels/Timeline/Layer.reel/Layer.js b/js/panels/Timeline/Layer.reel/Layer.js
index 5206ae16..c69f28b0 100644
--- a/js/panels/Timeline/Layer.reel/Layer.js
+++ b/js/panels/Timeline/Layer.reel/Layer.js
@@ -102,6 +102,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         },
         set:function(value){
             this._layerID = value;
+            this.layerData.layerID = value;
         }
     },
     
@@ -119,7 +120,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         set:function(value){
                 if (this._dtextPositionX !== value) {
                         this._dtextPositionX = value;
-                        //this.needsDraw = true;
+                        this.layerData.dtextPositionX = value;
                 }
             
         }
@@ -138,7 +139,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         set:function(value){
                 if (this._dtextPositionY !== value) {
                         this._dtextPositionY = value;
-                        //this.needsDraw = true;
+                        this.layerData.dtextPositionY = value;
                 }
             
         }
@@ -157,7 +158,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         set:function(value){
                 if (this._dtextScaleX !== value) {
                         this._dtextScaleX = value;
-                        //this.needsDraw = true;
+                        this.layerData.dtextScaleX = value;
                 }
             
         }
@@ -176,7 +177,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         set:function(value){
                 if (this._dtextScaleY !== value) {
                         this._dtextScaleY = value;
-                        //this.needsDraw = true;
+                        this.layerData.dtextScaleY = value;
                 }
             
         }
@@ -195,7 +196,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         set:function(value){
                 if (this._dtextSkewX !== value) {
                         this._dtextSkewX = value;
-                        //this.needsDraw = true;
+                        this.layerData.dtextSkewX = value;
                 }
             
         }
@@ -214,7 +215,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         set:function(value){
                 if (this._dtextSkewY !== value) {
                         this._dtextSkewY = value;
-                        //this.needsDraw = true;
+                        this.layerData.dtextSkewY = value;
                 }
             
         }
@@ -233,7 +234,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         set:function(value){
                 if (this._dtextRotate !== value) {
                         this._dtextRotate = value;
-                        //this.needsDraw = true;
+                        this.layerData.dtextRotate = value;
                 }
             
         }
@@ -278,6 +279,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         },
         set: function(newVal) {
                 this._isActive = newVal;
+                this.layerData.isActive = newVal;
         }
     },
     
@@ -294,6 +296,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         },
         set:function(value){
             this._isAnimated = value;
+            this.layerData.isAnimated = newVal;
         }
     },
     _justAdded: {
@@ -314,9 +317,10 @@ var Layer = exports.Layer = Montage.create(Component, {
                 return this._isMainCollapsed;
         },
         set: function(newVal) {
-                this.log('layer.js: isMainCollapsed: ' + newVal);
                 if (newVal !== this._isMainCollapsed) {
+                        this.log('layer.js: isMainCollapsed: ' + newVal);
                         this._isMainCollapsed = newVal;
+                        this.layerData.isMainCollapsed = newVal;
                 }
         }
     },
@@ -333,7 +337,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         set: function(newVal) {
                 if (newVal !== this._isTransformCollapsed) {
                         this._isTransformCollapsed = newVal;
-                        //this.needsDraw = true;
+                        this.layerData.isTransformCollapsed = newVal;
                 }
         }
     },
@@ -350,7 +354,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         set: function(newVal) {
                 if (newVal !== this._isPositionCollapsed) {
                         this._isPositionCollapsed = newVal;
-                        //this.needsDraw = true;
+                        this.layerData.isPositionCollapsed = newVal;
                 }
         }
     },
@@ -367,7 +371,7 @@ var Layer = exports.Layer = Montage.create(Component, {
         set: function(newVal) {
                 if (newVal !== this._isStyleCollapsed) {
                         this._isStyleCollapsed = newVal;
-                        //this.needsDraw = true;
+                        this.layerData.isStyleCollapsed = newVal;
                 }
         }
     },
@@ -381,9 +385,17 @@ var Layer = exports.Layer = Montage.create(Component, {
                 return this._bypassAnimation;
         },
         set: function(newVal) {
-                this._bypassAnimation = newVal;
+                if (newVal !== this._bypassAnimation) {
+                        this._bypassAnimation = newVal;
+                        this.layerData.bypassAnimation = newVal;        
+                }
         }
     },
+    
+    // Is this the first draw?
+    _isFirstDraw : {
+        value: true
+    },
 
     _layerData:{
         serializable:true,
@@ -405,6 +417,9 @@ var Layer = exports.Layer = Montage.create(Component, {
 
     setData:{
         value:function(){
+                if (typeof(this.layerData) === "undefined") {
+                        return;
+                }
             this.layerName = this.layerData.layerName;
             this.layerID = this.layerData.layerID;
             this.arrLayerStyles = this.layerData.arrLayerStyles;
@@ -426,10 +441,34 @@ var Layer = exports.Layer = Montage.create(Component, {
             this.needsDraw = true;
         }
     },
-    _isFirstDraw : {
-        value: true
+    
+    /* Data binding point and outgoing binding trigger method */
+    _bindingPoint : {
+        serializable: true,
+        value : {}
+    },
+    bindingPoint: {
+        serializable: true,
+        get: function() {
+                return this._bindingPoint;
+        },
+        set: function(newVal) {
+                if (newVal !== this._bindingPoint) {
+                        this._bindingPoint = newVal;
+                        this.setData();
+                }
+        }
+    },