<!DOCTYPE html>
<!-- <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> -->
<html lang="en">
	<head>
    	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    	<link rel="stylesheet" type="text/css" href="css/TimelineTrack.css">
        <script type="text/montage-serialization">
               {
                   "owner": {
                       "module": "js/panels/Timeline/TimelineTrack.reel",
                       "name": "Track",
                       "properties": {
                           "element": {"#": "track"},
                           "tweenRepetition" : {"@" : "tweenRepetition"},
                           "styleTracksRepetition" : {"@" : "styleTracksRepetition"},
                           "tween": {"@" : "tween"},
                           "_mainCollapser" : {"@" : "mainCollapser"},
                           "_positionCollapser" : {"@" : "positionCollapser"},
                           "_transformCollapser" : {"@" : "transformCollapser"},
                           "_styleCollapser" : {"@" : "styleCollapser"}
                       }
                   },

                   "tween" : {
                   		"module" : "js/panels/timeline/Tween.reel",
                   		"name" : "Tween",
                   		"properties" : {
                   			"element":{"#": "track_lane"}
                   		},
						"bindings" : {
                           "tweenData" : {
                               "boundObject" : {"@": "tweenRepetition"},
                               "boundObjectPropertyPath" : "objectAtCurrentIteration.tweenData",
                               "oneway" : false
                           }
                       }
                   },

                   "tweenRepetition": {
                       "module": "montage/ui/repetition.reel",
                   	   "name": "Repetition",
                   	   "properties": {
                   	       "element": {"#": "track_lanes"},
                   	       "isSelectionEnabled" : false
                   	   },
                   	   "bindings": {
                   	       "objects": {
                   	           "boundObject": {"@": "owner"},
                   	           "boundObjectPropertyPath": "tweens",
                   	           "oneway": false
                   	       }
                   	   }
                   },

                   "styleTrackRepetition": {
                       "module": "montage/ui/repetition.reel",
                   	   "name": "Repetition",
                   	   "properties": {
                   	       "element": {"#": "content-styles"},
                   	       "isSelectionEnabled" : false
                   	   },
                   	   "bindings": {
                   	       "objects": {
                   	           "boundObject": {"@": "owner"},
                   	           "boundObjectPropertyPath": "arrStyleTracks",
                   	           "oneway": false
                   	       }
                   	   }
                   },
                   "positionTracksRepetition": {
                       "module": "montage/ui/repetition.reel",
                   	   "name": "Repetition",
                   	   "properties": {
                   	       "element": {"#": "content-position-tracks"},
                   	       "isSelectionEnabled" : false
                   	   },
                   	   "bindings": {
                   	       "objects": {
                   	           "boundObject": {"@": "owner"},
                   	           "boundObjectPropertyPath": "arrPositionTracks",
                   	           "oneway": false
                   	       }
                   	   }
                   },
					"positionPropertyTrack" : {
						"module" : "js/panels/Timeline/PropertyTrack.reel",
						"name" : "PropertyTrack",
						"properties" : {
							"element":{"#": "position-track-base"}
						}
					},
                   "transformTracksRepetition": {
                       "module": "montage/ui/repetition.reel",
                   	   "name": "Repetition",
                   	   "properties": {
                   	       "element": {"#": "content-transform-tracks"},
                   	       "isSelectionEnabled" : false
                   	   },
                   	   "bindings": {
                   	       "objects": {
                   	           "boundObject": {"@": "owner"},
                   	           "boundObjectPropertyPath": "arrTransformTracks",
                   	           "oneway": false
                   	       }
                   	   }
                   },
					"transformPropertyTrack" : {
						"module" : "js/panels/Timeline/PropertyTrack.reel",
						"name" : "PropertyTrack",
						"properties" : {
							"element":{"#": "transform-track-base"}
						}
					},
					
					"mainCollapser" : {
						"module" : "js/panels/timeline/Collapser.js",
						"name" : "Collapser",
						"properties" : {
							"element" : {"#" : "content-main"},
							"myContent" : {"#":"content-main"},
							"contentHeight" : 60,
							"isLabelClickable" : false,
							"clicker" : {"#" : "label-main"},
							"isCollapsed" : true,
							"isAnimated" : true	
						},
						"bindings" : {
							"isToggling" : {
								"boundObject" : {"@" : "owner" },
								"boundObjectPropertyPath" : "isMainCollapsed",
								"oneway" : false
							},
							"bypassAnimation" : {
								"boundObject" : {"@": "owner"},
								"boundObjectPropertyPath" : "bypassAnimation",
								"oneway" : false
							}
						}
					},
					
					"positionCollapser" : {
						"module" : "js/panels/timeline/Collapser.js",
						"name" : "Collapser",
						"properties" : {
							"element" : {"#" : "content-position-tracks"},
							"myContent" : {"#":"content-position-tracks"},
							"contentHeight" : 40,
							"isLabelClickable" : false,
							"clicker" : {"#" : "label-position"},
							"isCollapsed" : true,
							"isAnimated" : true	
						},
						"bindings" : {
							"isToggling" : {
								"boundObject" : {"@" : "owner" },
								"boundObjectPropertyPath" : "isPositionCollapsed",
								"oneway" : false
							},
							"bypassAnimation" : {
								"boundObject" : {"@": "owner"},
								"boundObjectPropertyPath" : "bypassAnimation",
								"oneway" : false
							}
						}
					},
					
					"transformCollapser" : {
						"module" : "js/panels/timeline/Collapser.js",
						"name" : "Collapser",
						"properties" : {
							"element" : {"#" : "content-transform-tracks"},
							"myContent" : {"#":"content-transform-tracks"},
							"contentHeight" : 40,
							"isLabelClickable" : false,
							"clicker" : {"#" : "label-transform"},
							"isCollapsed" : true,
							"isAnimated" : true	
						},
						"bindings" : {
							"isToggling" : {
								"boundObject" : {"@" : "owner" },
								"boundObjectPropertyPath" : "isTransformCollapsed",
								"oneway" : false
							},
							"bypassAnimation" : {
								"boundObject" : {"@": "owner"},
								"boundObjectPropertyPath" : "bypassAnimation",
								"oneway" : false
							}
						}
					},
					
					"styleCollapser" : {
						"module" : "js/panels/timeline/Collapser.js",
						"name" : "Collapser",
						"properties" : {
							"element" : {"#" : "content-styles"},
							"myContent" : {"#":"content-styles"},
							"contentHeight" : 40,
							"isLabelClickable" : false,
							"clicker" : {"#" : "label-styles"},
							"isCollapsed" : true,
							"isAnimated" : true	
						},
						"bindings" : {
							"isToggling" : {
								"boundObject" : {"@" : "owner" },
								"boundObjectPropertyPath" : "isStyleCollapsed",
								"oneway" : false
							},
							"bypassAnimation" : {
								"boundObject" : {"@": "owner"},
								"boundObjectPropertyPath" : "bypassAnimation",
								"oneway" : false
							}
						}
					}
                   
                   
               }
           </script>
	</head>
	<body>

    	<div data-montage-id="track" class="timeline-track">
            <div data-montage-id="track_lanes" class="tracklane">
                <div data-montage-id="track_lane"></div>
            </div>
            <div class="label-main collapsible-label collapsible-collapsed" data-montage-id="label-main"></div>
            <div class="collapsible-content collapsible-collapsed content-main" data-montage-id="content-main">
            	<div class="label-position collapsible-label collapsible-collapsed" data-montage-id="label-position">
            		
            	</div>
            	<div class="content-position collapsible-content collapsible-collapsed" data-montage-id="content-position-tracks">
            		<div data-montage-id="position-track-base"></div>
            	</div>
            	<div class="label-transform collapsible-label collapsible-collapsed" data-montage-id="label-transform">
            		
            	</div>
            	<div class="content-transform collapsible-content collapsible-collapsed" data-montage-id="content-transform-tracks">
            		<div data-montage-id="transform-track-base"></div>
            	</div>
            	<div class="label-styles collapsible-label collapsible-collapsed" data-montage-id="label-styles">
            		
            	</div>
            	<div data-montage-id="content-styles" class="content-styles collapsible-content collapsible-collapsed">
            		<div class="timeline-track"></div>
            	</div>
            </div>
    	</div>

    </body>
</html>