Attach object to animation tab

source/editor/ui/tab/animation/AnimationClipTrack.js

@@ -10,10 +10,10 @@ function AnimationClipTrack(editor, animation)
 	var height = 30 * tracks.length + 1;
 	var self = this;
 
-	var button = new AnimationButton(this.editor.info, this.editor, animation);
-	button.position.set(0, this.editor.timebarHeight);
-	button.size.set(0, 30);
-	button.updateInterface();
+	this.button = new AnimationButton(this.editor.info, this.editor, animation);
+	this.button.position.set(0, this.editor.timebarHeight);
+	this.button.size.set(0, 30);
+	this.button.updateInterface();
 
 	this.options = new AnimationOptions(this.editor.tracks, this.editor, animation);
 	this.options.position.set(0, this.editor.timebarHeight);

source/editor/ui/tab/animation/AnimationOptions.js

@@ -97,5 +97,5 @@ AnimationOptions.prototype.updateInterface = function()
 	this.element.style.left = this.position.x + "px";
 	this.element.style.top = this.position.y + "px";
 	this.element.style.height = this.size.y + "px";
-	this.element.style.width = "100%";
+	this.element.style.width = this.size.x + "px";
 };

source/editor/ui/tab/animation/AnimationTab.js

@@ -181,6 +181,13 @@ function AnimationTab(parent, closeable, container, index)
 
 AnimationTab.prototype = Object.create(TabElement.prototype);
 
+AnimationTab.prototype.attach = function()
+{
+	TabElement.prototype.attach.call(this);
+
+	this.createTimeline();
+};
+
 AnimationTab.prototype.activate = function()
 {
 	TabElement.prototype.activate.call(this);
@@ -364,12 +371,6 @@ AnimationTab.prototype.updateInterface = function()
 
 		this.bar.style.width = this.size.x + "px";
 
-		/*for(var i = 0; i < this.animations.length; i++)
-		{
-			this.animations[i].options.size.set(this.timeline.scrollWidth, 30);
-			this.animations[i].options.updateInterface();
-		}*/
-
 		//Resizable division
 		this.info.style.height = this.timeline.scrollHeight + "px";
 		this.info.style.width = this.tab.position + "px";