1 files changed, 47 insertions, 13 deletions

diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
index c6b67c9c..601788ad 100644
--- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
+++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
@@ -26,8 +26,9 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
             return this._trackID;
         },
         set:function (value) {
-            this._trackID = value;
-            //this.needsDraw = true;
+                if (value !== this._trackID) {
+                        this._trackID = value;
+                }
         }
     },
 
@@ -40,11 +41,9 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
             return this._isMainCollapsed;
         },
         set:function (newVal) {
-                this.log('TimelineTrack.js: isMainCollapsed: ', newVal);
             if (newVal !== this._isMainCollapsed) {
                 this._isMainCollapsed = newVal;
             }
-
         }
     },
     _isTransformCollapsed:{
@@ -96,8 +95,12 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
                 return this._bypassAnimation;
         },
         set: function(newVal) {
-                //console.log("timelinetrack bypassAnimation setter " + newVal)
-                this._bypassAnimation = newVal;
+                if (newVal !== this._bypassAnimation) {
+                        this._bypassAnimation = newVal;
+                }
+                        if (this.trackData.bypassAnimation !== newVal) {
+                                this.trackData.bypassAnimation = newVal;
+                        }
         }
     },
     
@@ -299,11 +302,11 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
         }
     },
 
+    // should be unneeded with one element per layer restriction
     _animatedElement:{
         serializable:true,
         value:null
     },
-
     animatedElement:{
         serializable:true,
         get:function () {
@@ -347,7 +350,8 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
     },
 
     _trackData:{
-
+        serializable: true,
+                value: false
     },
 
     trackData:{
@@ -358,16 +362,21 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
         set:function(val){
             this._trackData = val;
             if(this._trackData){
-                this.setData();
+                 this.setData();
             }
         }
     },
+    
+    _setDataTimestamp : {
+        value: false
+    },
 
     setData:{
         value:function(){
+            this.bypassAnimation = this.trackData.bypassAnimation;
             this.trackID = this.trackData.layerID;
             this.tweens = this.trackData.tweens;
-            this.animatedElement = this.trackData.animatedElement;
+            this.animatedElement = this.trackData.animatedElement; // unneeded with one element per layer restriction
             this.arrStyleTracks = this.trackData.arrStyleTracks;
             this.isTrackAnimated = this.trackData.isTrackAnimated;
             this.trackDuration = this.trackData.trackDuration;
@@ -376,12 +385,39 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
             this.isMainCollapsed = this.trackData.isMainCollapsed;
             this.isPositionCollapsed = this.trackData.isPositionCollapsed;
             this.isTransformCollapsed = this.trackData.isTransformCollapsed;
-            this.bypassAnimation = this.trackData.bypassAnimation;
             this.isStyleCollapsed = this.trackData.isStyleCollapsed;
             this.trackPosition = this.trackData.trackPosition;
             this.needsDraw = true;
         }
     },
+    
+    // Data binding observation point and 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();
+                }
+        }
+    },
+    
+    triggerOutgoingBinding : {
+        value: function() {
+                if (this.trackData.triggerBinding === true) {
+                        this.trackData.triggerBinding = false;
+                } else {
+                        this.trackData.triggerBinding = true;
+                }
+        }
+    },
 
     prepareForDraw:{
         value:function () {
@@ -418,9 +454,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
         value:function (ev) {
             // TEMP - if the SHIFT key is down, add a new keyframe or split an existing span
             // This needs to move to a keyboard shortcut that is TBD
-
             var selectedIndex = this.application.ninja.timeline.getLayerIndexByID(this.trackID);
-
             if (ev.shiftKey) {
                 if (this.application.ninja.timeline.arrLayers[selectedIndex].layerData.elementsList.length == 1) {
                     if (this.tweens.length < 1) {