diff --git a/main.js b/main.js
index adbcddf..7e53894 100644
--- a/main.js
+++ b/main.js
@@ -1,3 +1,17 @@
+// gui object classes?
+// Why am I doing this?
+class auxillery_dialog {
+	constructor (title) {
+		this.root = document.createElement("div");
+		this.title = "string" == typeof title ? title : "";
+		var title_bar = document.createElement("div");
+		title_bar.innerText = this.title;
+		this.root.appendChild(title_bar);
+		this.body = document.createElement("div");
+		this.root.appendChild(this.body);
+	}
+}
+
 // Initialize gui
 
 window.app = {};
@@ -12,7 +26,9 @@ app.gui.view = document.createElement("div");
 app.gui.view.id = "view";
 app.gui.main.appendChild(app.gui.view);
 // Library popup
-app.gui.library = document.createElement("dev");
+app.gui.library = new auxillery_dialog("Library");
+// Options popup
+app.gui.options = new auxillery_dialog("Options");
 // pre-populate grid with emptys
 for (var x = 0; x < 16; x++) {
 	var name = "pec"+x;