1 files changed, 235 insertions, 359 deletions

diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
index 11d275ce..9a67c969 100644
--- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
+++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
@@ -35,10 +35,10 @@ var defaultEventManager = require("montage/core/event/event-manager").defaultEve
 
 var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
 
+    // ==== Begin Models
     _trackID:{
         value:null
     },
-
     trackID:{
         serializable:true,
         get:function () {
@@ -55,7 +55,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
     _tween:{
         value:[]
     },
-
     tween:{
         serializable:true,
         get:function () {
@@ -77,7 +76,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
     _isVisible:{
         value: true
     },
-
     isVisible:{
         get:function(){
             return this._isVisible;
@@ -96,6 +94,21 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
                 this.trackData.isVisible = value;
         }
     },
+
+        _bindingPoint : {
+        value : {}
+    },
+    bindingPoint: {
+        get: function() {
+                return this._bindingPoint;
+        },
+        set: function(newVal) {
+                if (newVal !== this._bindingPoint) {
+                        this._bindingPoint = newVal;
+                        this.setData();
+                }
+        }
+    },
     
     _stageElement: {
         value: null
@@ -110,7 +123,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
         }
     },
 
-    // Are the various collapsers collapsed or not
     _isMainCollapsed:{
         value: true
     },
@@ -123,18 +135,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
             this.trackData.isMainCollapsed = newVal;
         }
     },
-    _isTransformCollapsed:{
-        value:true
-    },
-    isTransformCollapsed:{
-        get:function () {
-            return this._isTransformCollapsed;
-        },
-        set:function (newVal) {
-            this._isTransformCollapsed = newVal;
-            this.trackData.isTransformCollapsed = newVal;
-        }
-    },
+
     _isPositionCollapsed:{
         value:true
     },
@@ -147,6 +148,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
             this.trackData.isPositionCollapsed = newVal;
         }
     },
+
     _isStyleCollapsed:{
         value:true
     },
@@ -159,6 +161,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
             this.trackData.isStyleCollapsed = newVal;
         }
     },
+
     _bypassAnimation : {
         value: false
     },
@@ -188,6 +191,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
             this.trackData.arrStyleTracks = newVal;
         }
     },
+
     _styleTracksRepetition: {
         value: null
     },
@@ -200,8 +204,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
                 this._styleTracksRepetition = newVal;
         }
     },
-    
-    /* Position Property Tracks */
+
     _arrPositionTracks : {
         value: []
     },
@@ -216,6 +219,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
             
         }
     },
+
     _positionTracksRepetition: {
         value: null
     },
@@ -228,26 +232,9 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
         }
     },
 
-
-    /* Transform Property Tracks */
-    _arrTransformTracks : {
-        value: []
-    },
-    arrTransformTracks: {
-        serializable:true,
-        get: function() {
-                return this._arrTransformTracks;
-        },
-        set: function(newVal) {
-                this._arrTransformTracks = newVal;
-            this.trackData.arrTransformTracks = newVal;
-        }
-    },
-
     _tweens:{
         value:[]
     },
-
     tweens:{
         serializable: true,
         get:function () {
@@ -262,7 +249,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
     _tweenRepetition:{
         value:null
     },
-
     tweenRepetition:{
         get:function () {
             return this._tweenRepetition;
@@ -275,7 +261,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
     _trackDuration:{
         value:0
     },
-
     trackDuration:{
         serializable:true,
         get:function () {
@@ -293,7 +278,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
     _trackPosition:{
         value:0
     },
-
     trackPosition:{
         serializable:true,
         get:function () {
@@ -308,7 +292,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
     _currentKeyframeRule:{
         value:null
     },
-
     currentKeyframeRule:{
         serializable: true,
         get:function(){