Defer settings dom injection

couchpotato/static/scripts/page/settings.js

@@ -118,20 +118,18 @@ Page.Settings = new Class({
 	create: function(json){
 		var self = this;
 
-		self.el.adopt(
+		self.tabs_container = new Element('ul.tabs');
-			self.tabs_container = new Element('ul.tabs'),
+		self.containers = new Element('form.uniForm.containers').adopt(
-			self.containers = new Element('form.uniForm.containers').adopt(
+			new Element('label.advanced_toggle').adopt(
-				new Element('label.advanced_toggle').adopt(
+				new Element('span', {
-					new Element('span', {
+					'text': 'Show advanced settings'
-						'text': 'Show advanced settings'
+				}),
-					}),
+				self.advanced_toggle = new Element('input[type=checkbox].inlay', {
-					self.advanced_toggle = new Element('input[type=checkbox].inlay', {
+					'checked': +Cookie.read('advanced_toggle_checked'),
-						'checked': +Cookie.read('advanced_toggle_checked'),
+					'events': {
-						'events': {
+						'change': self.showAdvanced.bind(self)
-							'change': self.showAdvanced.bind(self)
+					}
-						}
+				})
-					})
-				)
 			)
 		);
 		self.showAdvanced();
@@ -197,8 +195,15 @@ Page.Settings = new Class({
 			});
 		});
 
-		self.fireEvent('create');
+		setTimeout(function(){
-		self.openTab();
+			self.fireEvent('create');
+			self.openTab();
+
+			self.el.adopt(
+				self.tabs_container,
+				self.containers
+			);
+		}, 0);
 
 	},