2 files changed, 29 insertions, 0 deletions
diff --git a/js/ui/controls.js b/js/ui/controls.js
index 661f881..9ea58f5 100644
--- a/js/ui/controls.js
+++ b/js/ui/controls.js
@@ -254,6 +254,11 @@ var controls = (function(){
       controls.canvas_height.build()
       canvas.resize(canvas.w, h)
     }
+    
+		add_custom_el.addEventListener("click", function(){
+			custom.clone()
+		})
+
   }
 
   function int_key (f) {
diff --git a/js/ui/custom.js b/js/ui/custom.js
new file mode 100644
index 0000000..a758d48
--- /dev/null
+++ b/js/ui/custom.js
@@ -0,0 +1,24 @@
+var custom = (function(){
+
+  var exports = {}
+  
+  exports.clone = function (){
+    var new_brush = brush.clone()
+    var rapper = document.createElement("div")
+    rapper.className = "custom"
+    new_brush.append(rapper)
+    custom_rapper.appendChild(rapper)
+    // store in localstorage?
+    rapper.addEventListener("click", function(){
+      // load this brush
+      exports.load(new_brush)
+    })
+  }
+  
+  exports.load = function(new_brush){
+    brush.assign( new_brush )
+  }
+  
+  return exports
+
+})()