<!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": {
                       "prototype": "js/panels/Timeline/TimelineTrack.reel[Track]",
                       "properties": {
                           "element": {"#": "track"},
                           "tweenRepetition" : {"@" : "tweenRepetition"},
                           "track_lanes" : {"#" : "track_lanes"},
                           "tween": {"@" : "tween"},
                           "positionTracksRepetition" : {"@" : "positionTracksRepetition"},
                           "positionPropertyTrack" : {"@" : "positionPropertyTrack"},
                           "mainCollapser" : {"@" : "mainCollapser"},
                           "positionCollapser" : {"@" : "positionCollapser"},
                           "styleCollapser" : {"@" : "styleCollapser"}
                       }
                   },

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

                   "tweenRepetition": {
                       "prototype": "montage/ui/repetition.reel",
                   	   "properties": {
                   	       "element": {"#": "track_lanes"},
                   	       "isSelectionEnabled" : false
                   	   },
                   	   "bindings": {
                   	       "objects": {
                   	           "boundObject": {"@": "owner"},
                   	           "boundObjectPropertyPath": "tweens",
                   	           "oneway": false
                   	       }
                   	   }
                   },
                   "styleTrackRepetition": {
                       "prototype": "montage/ui/repetition.reel",
                   	   "properties": {
                   	       "element": {"#": "content-styles"},
                   	       "isSelectionEnabled" : false
                   	   },
                   	   "bindings": {
                   	       "objects": {
                   	           "boundObject": {"@": "owner"},
                   	           "boundObjectPropertyPath": "arrStyleTracks",
                   	           "oneway": false
                   	       }
                   	   }
                   },
                   "stylePropertyTrack" : {
               	        "prototype" : "js/panels/Timeline/PropertyTrack.reel",
               			"properties" : {
               				"element":{"#": "style-track-base"}
               			},
                        "bindings" : {
                            "propTrackData" : {
                           	    "boundObject" : {"@" : "styleTrackRepetition"},
                           	    "boundObjectPropertyPath" : "objectAtCurrentIteration.propTrackData",
                           	    "oneway" : false
                           	}
                        }
               	   },
                   "positionTracksRepetition": {
                       "prototype": "montage/ui/repetition.reel",
                   	   "properties": {
                   	       "element": {"#": "content_position_tracks"},
                   	       "isSelectionEnabled" : false
                   	   },
                   	   "bindings": {
                   	       "objects": {
                   	           "boundObject": {"@": "owner"},
                   	           "boundObjectPropertyPath": "arrPositionTracks",
                   	           "oneway": false
                   	       }
                   	   }
                   },
					"positionPropertyTrack" : {
						"prototype" : "js/panels/Timeline/PropertyTrack.reel",
						"properties" : {
							"element":{"#": "position_track_base"}
						},
                        "bindings" : {
                            "propTrackData" : {
                                 "boundObject" : {"@" : "positionTracksRepetition"},
                                 "boundObjectPropertyPath" : "objectAtCurrentIteration.propTrackData",
                                 "oneway" : false
                            }
                        }
					},
					
					"mainCollapser" : {
						"prototype" : "js/panels/timeline/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" : {
						"prototype" : "js/panels/timeline/Collapser",
						"properties" : {
							"element" : {"#" : "content_position_collapser"},
							"myContent" : {"#":"content_position_collapser"},
							"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
							}
						}
					},
					
					"styleCollapser" : {
						"prototype" : "js/panels/timeline/Collapser",
						"properties" : {
							"element" : {"#" : "content-styles"},
							"myContent" : {"#":"content-styles"},
							"contentHeight" : 0,
							"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" style="position: relative;">
                <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_collapser">
                    <div data-montage-id="content_position_tracks">
                        <div data-montage-id="position_track_base"></div>
                    </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 data-montage-id="style-track-base"></div>
            	</div>
            </div>
    	</div>

    </body>
</html>