From 4afeb883103858f229d31a9d998bfd6adb08fc3f Mon Sep 17 00:00:00 2001
From: Krzysztof Bernat <bernat.christopher@gmail.com>
Date: Fri, 16 Sep 2016 23:02:18 +0200
Subject: [PATCH 1/2] three new methods, disableEvents, disablePicker and
 destroyNodes

---
 colorpicker.js      | 80 +++++++++++++++++++++++++++++++++++++--------
 examples/basic.html |  2 +-
 2 files changed, 68 insertions(+), 14 deletions(-)

diff --git a/colorpicker.js b/colorpicker.js
index ba920b6..907de0c 100644
--- a/colorpicker.js
+++ b/colorpicker.js
@@ -22,6 +22,9 @@
         '</div>'
         
     ].join('');
+  
+    var mousedown = false;
+    var eventListeners = {};
 
     /**
      * Return mouse position relative to the element el.
@@ -298,8 +301,31 @@
         enableDragging(this, this.pickerElement, pickerListener(this, this.pickerElement));
     };
 
+     function removeEventListener(element, event, listener) {
+       
+       if (element.detachEvent) {
+         
+         element.detachEvent('on' + event, listener);
+         
+       } else if (element.removeEventListener) {
+         
+          element.removeEventListener(event, listener, false);
+         
+       }
+     }
+  
     function addEventListener(element, event, listener) {
-
+        
+        if (!eventListeners[element.className || element.id]) {
+          eventListeners[element.className || element.id] = {};    
+        }
+      
+        if (!eventListeners[element.className || element.id][event]) {
+          eventListeners[element.className || element.id][event] = [];
+        }
+        
+        eventListeners[element.className || element.id][event] = [element, listener];  
+      
         if (element.attachEvent) {
             
             element.attachEvent('on' + event, listener);
@@ -316,23 +342,51 @@
     * @param {DOMElement} element HSV slide element or HSV picker element.
     * @param {Function} listener Function that will be called whenever mouse is dragged over the element with event object as argument.
     */
+  
+    function setMousedownToTrue(e){ mousedown = true; }
+    function setMousedownToFalse(e) { mousedown = false; }
+    function activateListener(e, listener) { if(mousedown) listener(e); }
+   
     function enableDragging(ctx, element, listener) {
-        
-        var mousedown = false;
-
-        addEventListener(element, 'mousedown', function(evt) { mousedown = true;  });
-        addEventListener(element, 'mouseup',   function(evt) { mousedown = false;  });
-        addEventListener(element, 'mouseout',  function(evt) { mousedown = false;  });
-        addEventListener(element, 'mousemove', function(evt) {
 
-            if (mousedown) {
-                
-                listener(evt);
-            }
-        });
+        addEventListener(element, 'mousedown', setMousedownToTrue);
+        addEventListener(element, 'mouseup',   setMousedownToFalse);
+        addEventListener(element, 'mouseout',  setMousedownToFalse);
+        addEventListener(element, 'mousemove', function(e) { activateListener(e, listener); });
+    }
+  
+    function disableDragging(element, listener) {
+        removeEventListener(element, 'mousedown', setMousedownToTrue);
+        removeEventListener(element, 'mouseup',   setMousedownToFalse);
+        removeEventListener(element, 'mouseout',  setMousedownToFalse);
+        removeEventListener(element, 'mousemove', function(e) { activateListener(e, listener); });
     }
 
 
+  
+    ColorPicker.prototype.disableEvents = function() {        
+        var nodeKeys = Object.keys(eventListeners);
+        nodeKeys.forEach(function(nodeKey) {
+          var eventKeys = Object.keys(eventListeners[nodeKey]);
+          eventKeys.forEach(function(eventKey){
+            removeEventListener(eventListeners[nodeKey][eventKey][0], eventKey, eventListeners[nodeKey][eventKey][1]);
+            delete eventListeners[nodeKey][eventKey];
+          });
+        });
+    }
+  
+    ColorPicker.prototype.destroyNodes = function() {
+      this.slideElement.parentNode.removeChild(this.slideElement);
+      this.pickerElement.parentNode.removeChild(this.pickerElement);
+    }
+    
+    ColorPicker.prototype.disablePicker = function(destroyNodes){
+        this.disableEvents();
+        if (!destroyNodes) {
+          this.destroyNodes();
+        }
+    }
+    
     ColorPicker.hsv2rgb = function(hsv) {
         var rgbHex = hsv2rgb(hsv);
         delete rgbHex.hex;
diff --git a/examples/basic.html b/examples/basic.html
index 7de8658..7539a6d 100644
--- a/examples/basic.html
+++ b/examples/basic.html
@@ -13,7 +13,7 @@
 
     <script type="text/javascript">
 
-      ColorPicker(
+      var ColorPicker = new ColorPicker(
 
         document.getElementById('slider'),
         document.getElementById('picker'),

From 0f2eb0439abdca96f06bdf91c1b474057bd899a0 Mon Sep 17 00:00:00 2001
From: Krzysztof Bernat <bernat.christopher@gmail.com>
Date: Sat, 17 Sep 2016 01:30:18 +0200
Subject: [PATCH 2/2] changes to readme

---
 README.md      | 25 +++++++++++++++++++++++++
 colorpicker.js |  1 +
 2 files changed, 26 insertions(+)

diff --git a/README.md b/README.md
index c5979e8..e24e551 100644
--- a/README.md
+++ b/README.md
@@ -49,6 +49,30 @@ Example:
             });
         </script>
 
+**`ColorPicker.prototype.disablePicker(false)`**
+
+Disables Picker - removes its events and, if false is passed, deletes its nodes. (Default: false)
+
+Example:
+      
+        ColorPicker.prototype.disablePicker(false)
+
+**`ColorPicker.prototype.disableEvents()`**
+
+Disables all events of a picker - doesn't remove any elements.
+
+Example:
+      
+        ColorPicker.prototype.disableEvents(true)
+        
+**`ColorPicker.prototype.destroyNodes()`**
+
+Removes all nodes from color picker (slider and picker).
+
+Example:
+      
+        ColorPicker.prototype.destroyNodes()
+        
 
 **`ColorPicker.prototype.setHsv(hsv)`**
 
@@ -71,6 +95,7 @@ Example:
 
 **`ColorPicker.prototype.setHex(hex)`**
 
+
 Sets HEX value.
 
 Example:
diff --git a/colorpicker.js b/colorpicker.js
index 907de0c..38b8941 100644
--- a/colorpicker.js
+++ b/colorpicker.js
@@ -381,6 +381,7 @@
     }
     
     ColorPicker.prototype.disablePicker = function(destroyNodes){
+      
         this.disableEvents();
         if (!destroyNodes) {
           this.destroyNodes();