From e48195d69ac08974984c8bae85b7f41a77a67adf Mon Sep 17 00:00:00 2001
From: Jon Reid
Date: Mon, 4 Jun 2012 16:37:18 -0700
Subject: Timeline: Fixes to timeline to handle document switching & breadcrumb
 interactions under new DOM Architecture.

---
 .../Timeline/TimelinePanel.reel/TimelinePanel.js   | 3055 ++++++++++----------
 1 file changed, 1535 insertions(+), 1520 deletions(-)

(limited to 'js/panels')

diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index 6e9513f2..a5737334 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -1,1521 +1,1536 @@
-/* <copyright>
- This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
- No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
- (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
- </copyright> */
-
-var Montage = require("montage/core/core").Montage;
-var Component = require("montage/ui/component").Component;
-var nj = require("js/lib/NJUtils").NJUtils;
-
-var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
-
-    hasTemplate:{
-        value:true
-    },
-
-    /* === BEGIN: Models === */
-    _currentDocument: {
-        value : null
-    },
-
-    currentDocument : {
-        get : function() {
-            return this._currentDocument;
-        },
-        set : function(value) {
-            if (value === this._currentDocument) {
-                return;
-            }
-
-            if(!this._currentDocument && value.currentView === "design") {
-                this.enablePanel(true);
-            }
-
-            this._currentDocument = value;
-
-            if(!value) {
-                this.enablePanel(false);
-            } else if(this._currentDocument.currentView === "design") {
-                this._boolCacheArrays = false;
-                this.clearTimelinePanel();
-                this._boolCacheArrays = true;
-
-                // Rebind the document events for the new document context
-                this._bindDocumentEvents();
-
-                // TODO: Fix the init function so that it can be called here instead of when container changes
-                // this.initTimelineForDocument();
-            }
-        }
-    },
-
-    _arrLayers:{
-        value:[]
-    },
-
-    arrLayers:{
-        serializable:true,
-        get:function () {
-            return this._arrLayers;
-        },
-        set:function (newVal) {
-            this._arrLayers = newVal;
-            this.needsDraw = true;
-            this.cacheTimeline();
-        }
-    },
-
-    _temparrLayers:{
-        value:[]
-    },
-
-    temparrLayers:{
-        get:function () {
-            return this._temparrLayers;
-        },
-        set:function (newVal) {
-            this._temparrLayers = newVal;
-        }
-    },
-
-
-    _layerRepetition:{
-        value:null
-    },
-
-    layerRepetition:{
-        get:function () {
-            return this._layerRepetition;
-        },
-        set:function (newVal) {
-            this._layerRepetition = newVal;
-        }
-    },
-
-    // Set to false to skip array caching array sets in current document
-    _boolCacheArrays:{
-        value:true
-    },
-
-    _currentLayerNumber:{
-        value:0
-    },
-
-    currentLayerNumber:{
-        get:function () {
-            return this._currentLayerNumber;
-        },
-        set:function (newVal) {
-            if (newVal !== this._currentLayerNumber) {
-                this._currentLayerNumber = newVal;
-                this.cacheTimeline();
-            }
-        }
-    },
-
-    _currentLayerSelected:{
-        value: false
-    },
-    currentLayerSelected:{