gray color scheme

1 files changed, 11 insertions, 6 deletions

diff --git a/assets/javascripts/rectangles/wheel.js b/assets/javascripts/rectangles/wheel.js
index 9773a8c..f7a9bc3 100644
--- a/assets/javascripts/rectangles/wheel.js
+++ b/assets/javascripts/rectangles/wheel.js
@@ -3,7 +3,7 @@
 	
 		base.wheel = new wheel({
 			el: document.querySelector("#map"),
-			update: function(val, delta){
+			update: function(e, val, delta){
 				// do something with val
 			},
 		})
@@ -12,18 +12,20 @@
 
 function wheel (opt) {
 	opt = defaults(opt, {
+		el: document,
+		fn: function(e, val, delta){},
 		propagate: false,
 		locked: false,
+		reversible: true,
 		ratio: 0.02,
 		val: 0,
 		min: -Infinity,
 		max: Infinity,
-		el: document,
-		fn: function(){}
 	})
 
-	el.addEventListener('mousewheel', onMouseWheel, false);
-  el.addEventListener('DOMMouseScroll', onMouseWheel, false);
+	opt.el.addEventListener('mousewheel', onMouseWheel, false);
+  opt.el.addEventListener('DOMMouseScroll', onMouseWheel, false);
+
 	function onMouseWheel (e) {
 		if (opt.locked) {
 			return
@@ -51,9 +53,12 @@ function wheel (opt) {
 		
 		opt.val = clamp(opt.val + delta, opt.min, opt.max)
 		
-		opt.update(opt.val, delta)
+		opt.update(e, opt.val, delta)
 	}
 
+	opt.lock = function(){ opt.locked = true }
+	opt.unlock = function(){ opt.locked = false }
+
 	return opt
 }