Display time reading above layers and code clean up

Signed-off-by: Jonathan Duran <jduran@motorola.com>

1 files changed, 208 insertions, 213 deletions

diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
index ae7eb001..f9d3ad6b 100644
--- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
+++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
@@ -6,7 +6,7 @@ var defaultEventManager = require("montage/core/event/event-manager").defaultEve
 var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
 
     hasTemplate:{
-        value: true
+        value:true
     },
 
     _trackID:{
@@ -18,83 +18,83 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
 
     trackID:{
         serializable:true,
-        get:function(){
+        get:function () {
             return this._trackID;
         },
-        set:function(value){
+        set:function (value) {
             this._trackID = value;
             this.needsDraw = true;
         }
     },
-    
+
     // Are the various collapsers collapsed or not
-    _isMainCollapsed : {
-        value: ""
-    },
-    isMainCollapsed : {
-        get: function() {
-                return this._isMainCollapsed;
-        },
-        set: function(newVal) {
-                if (newVal !== this._isMainCollapsed) {
-                        this._isMainCollapsed = newVal;
-                        this.needsDraw = true;
-                }
-                
-        }
-    },
-    _isTransformCollapsed : {
-        value: true
-    },
-    isTransformCollapsed : {
-        get: function() {
-                return this._isTransformCollapsed;
-        },
-        set: function(newVal) {
-                if (newVal !== this._isTransformCollapsed) {
-                        this._isTransformCollapsed = newVal;
-                        this.needsDraw = true;
-                }
-        }
-    },
-    _isPositionCollapsed : {
-        value: true
-    },
-    isPositionCollapsed : {
-        get: function() {
-                return this._isPositionCollapsed;
-        },
-        set: function(newVal) {
-                if (newVal !== this._isPositionCollapsed) {
-                        this._isPositionCollapsed = newVal;
-                        this.needsDraw = true;
-                }
-        }
-    },
-    _isStyleCollapsed : {
-        value: true
-    },
-    isStyleCollapsed : {
-        get: function() {
-                return this._isStyleCollapsed;
-        },
-        set: function(newVal) {
-                if (newVal !== this._isStyleCollapsed) {
-                        this._isStyleCollapsed = newVal;
-                        this.needsDraw = true;
-                }
-        }
+    _isMainCollapsed:{
+        value:""
+    },
+    isMainCollapsed:{
+        get:function () {
+            return this._isMainCollapsed;
+        },
+        set:function (newVal) {
+            if (newVal !== this._isMainCollapsed) {
+                this._isMainCollapsed = newVal;
+                this.needsDraw = true;
+            }
+
+        }
+    },
+    _isTransformCollapsed:{
+        value:true
+    },
+    isTransformCollapsed:{
+        get:function () {
+            return this._isTransformCollapsed;
+        },
+        set:function (newVal) {
+            if (newVal !== this._isTransformCollapsed) {
+                this._isTransformCollapsed = newVal;
+                this.needsDraw = true;
+            }
+        }
+    },
+    _isPositionCollapsed:{
+        value:true
+    },
+    isPositionCollapsed:{
+        get:function () {
+            return this._isPositionCollapsed;
+        },
+        set:function (newVal) {
+            if (newVal !== this._isPositionCollapsed) {
+                this._isPositionCollapsed = newVal;
+                this.needsDraw = true;
+            }
+        }
+    },
+    _isStyleCollapsed:{
+        value:true
+    },
+    isStyleCollapsed:{
+        get:function () {
+            return this._isStyleCollapsed;
+        },
+        set:function (newVal) {
+            if (newVal !== this._isStyleCollapsed) {
+                this._isStyleCollapsed = newVal;
+                this.needsDraw = true;
+            }
+        }
     },
 
     _tweens:{
-        serializable: true,
-                enumerable: true,
-            value: []
+        serializable:true,
+        enumerable:true,
+        value:[]
     },
 
     tweens:{
-        serializable: true,
-                enumerable: true,
+        serializable:true,
+        enumerable:true,
         get:function () {
             return this._spans;
         },
@@ -131,7 +131,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
     },
 
     currentMillisecClicked:{
-        value: 0
+        value:0
     },
 
     isAnimated:{
@@ -151,47 +151,47 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
     },
 
     ninjaStylesContoller:{
-        value: null
-    },
-
-        _positionCollapser : {
-                value: null
-        },
-        _mainCollapser: {
-                value: null
-        },
-        _transformCollapser: {
-                value: null
-        },
-        _styleCollapser: {
-                value: null
-        },
-    
-    prepareForDraw: {
-        value: function() {
-                this.init();
+        value:null
+    },
+
+    _positionCollapser:{
+        value:null
+    },
+    _mainCollapser:{
+        value:null
+    },
+    _transformCollapser:{
+        value:null
+    },
+    _styleCollapser:{
+        value:null
+    },
+
+    prepareForDraw:{
+        value:function () {
+            this.init();
             this.ninjaStylesContoller = this.application.ninja.stylesController;
             this.track_lane.addEventListener("click", this, false);
             this.keyFramePropertyData = new Array();
             //this.insertTween(0);
         }
     },
-    
-    draw: {
-        value: function() {
-                 if (this._mainCollapser.isCollapsed !== this.isMainCollapsed) {
-                this._mainCollapser.toggle(false);
+
+    draw:{
+        value:function () {
+            if (this._mainCollapser.isCollapsed !== this.isMainCollapsed) {
+                this._mainCollapser.toggle(false);
             }