From ce86fcf09b68db1290b7723c72f240969a5b030e Mon Sep 17 00:00:00 2001
From: Martin Koistinen <mkoistinen@gmail.com>
Date: Fri, 8 Mar 2013 18:32:41 +0200
Subject: [PATCH 1/6] Remove trailing whitespace

---
 .DS_Store               | Bin 0 -> 6148 bytes
 js/simple-slider.coffee |  18 +-
 js/simple-slider.js     | 603 +++++++++++++++++++++-------------------
 js/simple-slider.min.js |  15 +-
 4 files changed, 330 insertions(+), 306 deletions(-)
 create mode 100644 .DS_Store

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..ba3b77f6a8c3248a9cea646d67980a85d45fcca5
GIT binary patch
literal 6148
zcmeH~Jr2S!425lAKw|00n1usyg9yP1xBvnsRH*}E&(V4QVW2Rh3O!5q7rU|AzM-i_
zM0bztR-_Y=CEO?*3nNqHGr7tAdcXANVd$-pHcMIw-pT0tYadAkr~nn90#twsOh<t{
z%9pF@JQAOT3Q&QGC}7`*0yoxV3;L%6!AAgafwCLcK1+bb3SdpPASy78Rxn!C#}KP~
zJ6LjGO}1dPi{|j5d1tjL2By(2T9ClBIvA(`6&NWnkG!+<{{a6s|BqUjQUNOPXA0<I
zf86izQhBz1yq?uhS+#Y8gT5W%?I!?<9mQ+78?F~yfHm2IsKEFm;4&~!fuAby1c*xz
AIsgCw

literal 0
HcmV?d00001

diff --git a/js/simple-slider.coffee b/js/simple-slider.coffee
index e2fed31..e8bd6a7 100644
--- a/js/simple-slider.coffee
+++ b/js/simple-slider.coffee
@@ -117,7 +117,7 @@
 
       # Set slider initial position
       @pagePos = 0
-      
+
       # Fill in initial slider value
       if @input.val() == ""
         @value = @getRange().min
@@ -129,7 +129,7 @@
 
       # We are ready to go
       ratio = @valueToRatio(@value)
-      @input.trigger "slider:ready", 
+      @input.trigger "slider:ready",
         value: @value
         ratio: ratio
         position: ratio * @slider.outerWidth()
@@ -189,7 +189,7 @@
           @setSliderPositionFromValue(value, animate)
         else
           @setSliderPosition(pagePos, animate)
-          
+
     # Set the slider position given a slider canvas position
     setSliderPosition: (position, animate=false) ->
       if animate and @settings.animate
@@ -201,7 +201,7 @@
     setSliderPositionFromValue: (value, animate=false) ->
       # Get the slide ratio from the value
       ratio = @valueToRatio(value)
-      
+
       # Set the slider position
       @setSliderPosition(ratio * @slider.outerWidth(), animate)
 
@@ -231,7 +231,7 @@
         $.each @settings.allowedValues, ->
           if closest == null || Math.abs(this - rawValue) < Math.abs(closest - rawValue)
             closest = this
-        
+
         return closest
       else if @settings.step
         maxSteps = (range.max - range.min) / @settings.step
@@ -244,7 +244,7 @@
 
     # Convert a value to a ratio
     valueToRatio: (value) ->
-      if @settings.equalSteps        
+      if @settings.equalSteps
         # Get slider ratio for equal-step
         for allowedVal, idx in @settings.allowedValues
           if !closest? || Math.abs(allowedVal - value) < Math.abs(closest - value)
@@ -255,7 +255,7 @@
           (closestIdx+0.5)/@settings.allowedValues.length
         else
           (closestIdx)/(@settings.allowedValues.length - 1)
-        
+
       else
         # Get slider ratio for continuous values
         range = @getRange()
@@ -283,7 +283,7 @@
       @value = value
 
       # Construct event data and fire event
-      eventData = 
+      eventData =
         value: value
         ratio: ratio
         position: ratio * @slider.outerWidth()
@@ -306,7 +306,7 @@
     $(this).each ->
       if settingsOrMethod and settingsOrMethod in publicMethods
         obj = $(this).data("slider-object")
-        
+
         obj[settingsOrMethod].apply(obj, params)
       else
         settings = settingsOrMethod
diff --git a/js/simple-slider.js b/js/simple-slider.js
index f114f90..a0f3528 100644
--- a/js/simple-slider.js
+++ b/js/simple-slider.js
@@ -1,3 +1,5 @@
+// Generated by CoffeeScript 1.6.1
+
 /*
  jQuery Simple Slider
 
@@ -6,320 +8,345 @@
  Licensed under the MIT license (http://mit-license.org/)
 */
 
-var __slice = [].slice,
-  __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
 
-(function($, window) {
-  var SimpleSlider;
-  SimpleSlider = (function() {
+(function() {
+  var __slice = [].slice,
+    __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
 
-    function SimpleSlider(input, options) {
-      var ratio,
-        _this = this;
-      this.input = input;
-      this.defaultOptions = {
-        animate: true,
-        snapMid: false,
-        classPrefix: null,
-        classSuffix: null,
-        theme: null
-      };
-      this.settings = $.extend({}, this.defaultOptions, options);
-      if (this.settings.theme) {
-        this.settings.classSuffix = "-" + this.settings.theme;
-      }
-      this.input.hide();
-      this.slider = $("<div>").addClass("slider" + (this.settings.classSuffix || "")).css({
-        position: "relative",
-        userSelect: "none",
-        boxSizing: "border-box"
-      }).insertBefore(this.input);
-      if (this.input.attr("id")) {
-        this.slider.attr("id", this.input.attr("id") + "-slider");
-      }
-      this.track = $("<div>").addClass("track").css({
-        position: "absolute",
-        top: "50%",
-        width: "100%",
-        userSelect: "none",
-        cursor: "pointer"
-      }).appendTo(this.slider);
-      this.dragger = $("<div>").addClass("dragger").css({
-        position: "absolute",
-        top: "50%",
-        userSelect: "none",
-        cursor: "pointer"
-      }).appendTo(this.slider);
-      this.slider.css({
-        minHeight: this.dragger.outerHeight(),
-        marginLeft: this.dragger.outerWidth() / 2,
-        marginRight: this.dragger.outerWidth() / 2
-      });
-      this.track.css({
-        marginTop: this.track.outerHeight() / -2
-      });
-      this.dragger.css({
-        marginTop: this.dragger.outerWidth() / -2,
-        marginLeft: this.dragger.outerWidth() / -2
-      });
-      this.track.mousedown(function(e) {
-        if (e.which !== 1) {
-          return;
+  (function($, window) {
+    var SimpleSlider;
+    SimpleSlider = (function() {
+
+      function SimpleSlider(input, options) {
+        var ratio,
+          _this = this;
+        this.input = input;
+        this.defaultOptions = {
+          animate: true,
+          snapMid: false,
+          classPrefix: null,
+          classSuffix: null,
+          theme: null
+        };
+        this.settings = $.extend({}, this.defaultOptions, options);
+        if (this.settings.theme) {
+          this.settings.classSuffix = "-" + this.settings.theme;
         }
-        _this.domDrag(e.pageX, e.pageY, true);
-        _this.dragging = true;
-        return false;
-      });
-      this.dragger.mousedown(function(e) {
-        if (e.which !== 1) {
-          return;
+        this.input.hide();
+        this.slider = $("<div>").addClass("slider" + (this.settings.classSuffix || "")).css({
+          position: "relative",
+          userSelect: "none",
+          boxSizing: "border-box"
+        }).insertBefore(this.input);
+        if (this.settings.tooltip) {
+          this.tooltip = $("<div/>").addClass("tooltip");
+          this.slider.append(this.tooltip);
+          this.displayValue(Number(this.input.val()));
         }
-        _this.dragging = true;
-        _this.dragger.addClass("dragging");
-        _this.domDrag(e.pageX, e.pageY);
-        return false;
-      });
-      $("body").mousemove(function(e) {
-        if (_this.dragging) {
-          _this.domDrag(e.pageX, e.pageY);
-          return $("body").css({
-            cursor: "pointer"
-          });
+        if (this.input.attr("id")) {
+          this.slider.attr("id", this.input.attr("id") + "-slider");
         }
-      }).mouseup(function(e) {
-        if (_this.dragging) {
-          _this.dragging = false;
-          _this.dragger.removeClass("dragging");
-          return $("body").css({
-            cursor: "auto"
-          });
+        this.track = $("<div>").addClass("track").css({
+          position: "absolute",
+          top: "50%",
+          width: "100%",
+          userSelect: "none",
+          cursor: "pointer"
+        }).appendTo(this.slider);
+        this.dragger = $("<div>").addClass("dragger").css({
+          position: "absolute",
+          top: "50%",
+          userSelect: "none",
+          cursor: "pointer"
+        }).appendTo(this.slider);
+        this.slider.css({
+          minHeight: this.dragger.outerHeight(),
+          marginLeft: this.dragger.outerWidth() / 2,
+          marginRight: this.dragger.outerWidth() / 2 + (this.settings.tooltip ? 56 : void 0)
+        });
+        this.track.css({
+          marginTop: this.track.outerHeight() / -2
+        });
+        this.dragger.css({
+          marginTop: this.dragger.outerWidth() / -2,
+          marginLeft: this.dragger.outerWidth() / -2
+        });
+        this.track.mousedown(function(e) {
+          if (e.which !== 1) {
+            return;
+          }
+          _this.domDrag(e.pageX, e.pageY, true);
+          _this.dragging = true;
+          return false;
+        });
+        this.dragger.mousedown(function(e) {
+          if (e.which !== 1) {
+            return;
+          }
+          _this.dragging = true;
+          _this.dragger.addClass("dragging");
+          _this.domDrag(e.pageX, e.pageY);
+          return false;
+        });
+        $("body").mousemove(function(e) {
+          if (_this.dragging) {
+            _this.domDrag(e.pageX, e.pageY);
+            return $("body").css({
+              cursor: "pointer"
+            });
+          }
+        }).mouseup(function(e) {
+          if (_this.dragging) {
+            _this.dragging = false;
+            _this.dragger.removeClass("dragging");
+            return $("body").css({
+              cursor: "auto"
+            });
+          }
+        });
+        this.pagePos = 0;
+        if (this.input.val() === "") {
+          this.value = this.getRange().min;
+          this.displayValue(this.value);
+        } else {
+          this.value = this.nearestValidValue(this.input.val());
         }
-      });
-      this.pagePos = 0;
-      if (this.input.val() === "") {
-        this.value = this.getRange().min;
-        this.input.val(this.value);
-      } else {
-        this.value = this.nearestValidValue(this.input.val());
+        this.setSliderPositionFromValue(this.value);
+        ratio = this.valueToRatio(this.value);
+        this.input.trigger("slider:ready", {
+          value: this.value,
+          ratio: ratio,
+          position: ratio * this.slider.outerWidth(),
+          el: this.slider
+        });
       }
-      this.setSliderPositionFromValue(this.value);
-      ratio = this.valueToRatio(this.value);
-      this.input.trigger("slider:ready", {
-        value: this.value,
-        ratio: ratio,
-        position: ratio * this.slider.outerWidth(),
-        el: this.slider
-      });
-    }
 
-    SimpleSlider.prototype.setRatio = function(ratio) {
-      var value;
-      ratio = Math.min(1, ratio);
-      ratio = Math.max(0, ratio);
-      value = this.ratioToValue(ratio);
-      this.setSliderPositionFromValue(value);
-      return this.valueChanged(value, ratio, "setRatio");
-    };
-
-    SimpleSlider.prototype.setValue = function(value) {
-      var ratio;
-      value = this.nearestValidValue(value);
-      ratio = this.valueToRatio(value);
-      this.setSliderPositionFromValue(value);
-      return this.valueChanged(value, ratio, "setValue");
-    };
+      SimpleSlider.prototype.displayValue = function(value) {
+        var precision;
+        if (this.settings.step && !isNaN(this.settings.step)) {
+          precision = Math.max(0, Math.ceil(Math.log(1 / this.settings.step) / Math.log(10)));
+          value = value.toFixed(precision);
+        }
+        if (this.tooltip) {
+          this.tooltip.text(value);
+        }
+        return this.input.val(value);
+      };
 
-    SimpleSlider.prototype.domDrag = function(pageX, pageY, animate) {
-      var pagePos, ratio, value;
-      if (animate == null) {
-        animate = false;
-      }
-      pagePos = pageX - this.slider.offset().left;
-      pagePos = Math.min(this.slider.outerWidth(), pagePos);
-      pagePos = Math.max(0, pagePos);
-      if (this.pagePos !== pagePos) {
-        this.pagePos = pagePos;
-        ratio = pagePos / this.slider.outerWidth();
+      SimpleSlider.prototype.setRatio = function(ratio) {
+        var value;
+        ratio = Math.min(1, ratio);
+        ratio = Math.max(0, ratio);
         value = this.ratioToValue(ratio);
-        this.valueChanged(value, ratio, "domDrag");
-        if (this.settings.snap) {
-          return this.setSliderPositionFromValue(value, animate);
-        } else {
-          return this.setSliderPosition(pagePos, animate);
+        this.setSliderPositionFromValue(value);
+        return this.valueChanged(value, ratio, "setRatio");
+      };
+
+      SimpleSlider.prototype.setValue = function(value) {
+        var ratio;
+        value = this.nearestValidValue(value);
+        ratio = this.valueToRatio(value);
+        this.setSliderPositionFromValue(value);
+        return this.valueChanged(value, ratio, "setValue");
+      };
+
+      SimpleSlider.prototype.domDrag = function(pageX, pageY, animate) {
+        var pagePos, ratio, value;
+        if (animate == null) {
+          animate = false;
         }
-      }
-    };
+        pagePos = pageX - this.slider.offset().left;
+        pagePos = Math.min(this.slider.outerWidth(), pagePos);
+        pagePos = Math.max(0, pagePos);
+        if (this.pagePos !== pagePos) {
+          this.pagePos = pagePos;
+          ratio = pagePos / this.slider.outerWidth();
+          value = this.ratioToValue(ratio);
+          this.valueChanged(value, ratio, "domDrag");
+          if (this.settings.snap) {
+            return this.setSliderPositionFromValue(value, animate);
+          } else {
+            return this.setSliderPosition(pagePos, animate);
+          }
+        }
+      };
 
-    SimpleSlider.prototype.setSliderPosition = function(position, animate) {
-      if (animate == null) {
-        animate = false;
-      }
-      if (animate && this.settings.animate) {
-        return this.dragger.animate({
-          left: position
-        }, 200);
-      } else {
-        return this.dragger.css({
-          left: position
-        });
-      }
-    };
+      SimpleSlider.prototype.setSliderPosition = function(position, animate) {
+        if (animate == null) {
+          animate = false;
+        }
+        if (animate && this.settings.animate) {
+          return this.dragger.animate({
+            left: position
+          }, 200);
+        } else {
+          return this.dragger.css({
+            left: position
+          });
+        }
+      };
 
-    SimpleSlider.prototype.setSliderPositionFromValue = function(value, animate) {
-      var ratio;
-      if (animate == null) {
-        animate = false;
-      }
-      ratio = this.valueToRatio(value);
-      return this.setSliderPosition(ratio * this.slider.outerWidth(), animate);
-    };
+      SimpleSlider.prototype.setSliderPositionFromValue = function(value, animate) {
+        var ratio;
+        if (animate == null) {
+          animate = false;
+        }
+        ratio = this.valueToRatio(value);
+        return this.setSliderPosition(ratio * this.slider.outerWidth(), animate);
+      };
 
-    SimpleSlider.prototype.getRange = function() {
-      if (this.settings.allowedValues) {
-        return {
-          min: Math.min.apply(Math, this.settings.allowedValues),
-          max: Math.max.apply(Math, this.settings.allowedValues)
-        };
-      } else if (this.settings.range) {
-        return {
-          min: parseFloat(this.settings.range[0]),
-          max: parseFloat(this.settings.range[1])
-        };
-      } else {
-        return {
-          min: 0,
-          max: 1
-        };
-      }
-    };
+      SimpleSlider.prototype.getRange = function() {
+        if (this.settings.allowedValues) {
+          return {
+            min: Math.min.apply(Math, this.settings.allowedValues),
+            max: Math.max.apply(Math, this.settings.allowedValues)
+          };
+        } else if (this.settings.range) {
+          return {
+            min: parseFloat(this.settings.range[0]),
+            max: parseFloat(this.settings.range[1])
+          };
+        } else {
+          return {
+            min: 0,
+            max: 1
+          };
+        }
+      };
 
-    SimpleSlider.prototype.nearestValidValue = function(rawValue) {
-      var closest, maxSteps, range, steps;
-      range = this.getRange();
-      rawValue = Math.min(range.max, rawValue);
-      rawValue = Math.max(range.min, rawValue);
-      if (this.settings.allowedValues) {
-        closest = null;
-        $.each(this.settings.allowedValues, function() {
-          if (closest === null || Math.abs(this - rawValue) < Math.abs(closest - rawValue)) {
-            return closest = this;
+      SimpleSlider.prototype.nearestValidValue = function(rawValue) {
+        var closest, maxSteps, range, steps;
+        range = this.getRange();
+        rawValue = Math.min(range.max, rawValue);
+        rawValue = Math.max(range.min, rawValue);
+        if (this.settings.allowedValues) {
+          closest = null;
+          $.each(this.settings.allowedValues, function() {
+            if (closest === null || Math.abs(this - rawValue) < Math.abs(closest - rawValue)) {
+              return closest = this;
+            }
+          });
+          return closest;
+        } else if (this.settings.step) {
+          maxSteps = (range.max - range.min) / this.settings.step;
+          steps = Math.floor((rawValue - range.min) / this.settings.step);
+          if ((rawValue - range.min) % this.settings.step > this.settings.step / 2 && steps < maxSteps) {
+            steps += 1;
           }
-        });
-        return closest;
-      } else if (this.settings.step) {
-        maxSteps = (range.max - range.min) / this.settings.step;
-        steps = Math.floor((rawValue - range.min) / this.settings.step);
-        if ((rawValue - range.min) % this.settings.step > this.settings.step / 2 && steps < maxSteps) {
-          steps += 1;
+          return steps * this.settings.step + range.min;
+        } else {
+          return rawValue;
         }
-        return steps * this.settings.step + range.min;
-      } else {
-        return rawValue;
-      }
-    };
+      };
 
-    SimpleSlider.prototype.valueToRatio = function(value) {
-      var allowedVal, closest, closestIdx, idx, range, _i, _len, _ref;
-      if (this.settings.equalSteps) {
-        _ref = this.settings.allowedValues;
-        for (idx = _i = 0, _len = _ref.length; _i < _len; idx = ++_i) {
-          allowedVal = _ref[idx];
-          if (!(typeof closest !== "undefined" && closest !== null) || Math.abs(allowedVal - value) < Math.abs(closest - value)) {
-            closest = allowedVal;
-            closestIdx = idx;
+      SimpleSlider.prototype.valueToRatio = function(value) {
+        var allowedVal, closest, closestIdx, idx, range, _i, _len, _ref;
+        if (this.settings.equalSteps) {
+          _ref = this.settings.allowedValues;
+          for (idx = _i = 0, _len = _ref.length; _i < _len; idx = ++_i) {
+            allowedVal = _ref[idx];
+            if ((typeof closest === "undefined" || closest === null) || Math.abs(allowedVal - value) < Math.abs(closest - value)) {
+              closest = allowedVal;
+              closestIdx = idx;
+            }
+          }
+          if (this.settings.snapMid) {
+            return (closestIdx + 0.5) / this.settings.allowedValues.length;
+          } else {
+            return closestIdx / (this.settings.allowedValues.length - 1);
           }
-        }
-        if (this.settings.snapMid) {
-          return (closestIdx + 0.5) / this.settings.allowedValues.length;
         } else {
-          return closestIdx / (this.settings.allowedValues.length - 1);
+          range = this.getRange();
+          return (value - range.min) / (range.max - range.min);
         }
-      } else {
-        range = this.getRange();
-        return (value - range.min) / (range.max - range.min);
-      }
-    };
+      };
 
-    SimpleSlider.prototype.ratioToValue = function(ratio) {
-      var idx, range, rawValue, step, steps;
-      if (this.settings.equalSteps) {
-        steps = this.settings.allowedValues.length;
-        step = Math.round(ratio * steps - 0.5);
-        idx = Math.min(step, this.settings.allowedValues.length - 1);
-        return this.settings.allowedValues[idx];
-      } else {
-        range = this.getRange();
-        rawValue = ratio * (range.max - range.min) + range.min;
-        return this.nearestValidValue(rawValue);
-      }
-    };
+      SimpleSlider.prototype.ratioToValue = function(ratio) {
+        var idx, range, rawValue, step, steps;
+        if (this.settings.equalSteps) {
+          steps = this.settings.allowedValues.length;
+          step = Math.round(ratio * steps - 0.5);
+          idx = Math.min(step, this.settings.allowedValues.length - 1);
+          return this.settings.allowedValues[idx];
+        } else {
+          range = this.getRange();
+          rawValue = ratio * (range.max - range.min) + range.min;
+          return this.nearestValidValue(rawValue);
+        }
+      };
 
-    SimpleSlider.prototype.valueChanged = function(value, ratio, trigger) {
-      var eventData;
-      if (value.toString() === this.value.toString()) {
-        return;
-      }
-      this.value = value;
-      eventData = {
-        value: value,
-        ratio: ratio,
-        position: ratio * this.slider.outerWidth(),
-        trigger: trigger,
-        el: this.slider
+      SimpleSlider.prototype.valueChanged = function(value, ratio, trigger) {
+        var eventData;
+        if (value.toString() === this.value.toString()) {
+          return;
+        }
+        this.value = value;
+        eventData = {
+          value: value,
+          ratio: ratio,
+          position: ratio * this.slider.outerWidth(),
+          trigger: trigger,
+          el: this.slider
+        };
+        this.displayValue(value);
+        return this.input.trigger($.Event("change", eventData)).trigger("slider:changed", eventData);
       };
-      return this.input.val(value).trigger($.Event("change", eventData)).trigger("slider:changed", eventData);
-    };
 
-    return SimpleSlider;
+      return SimpleSlider;
 
-  })();
-  $.extend($.fn, {
-    simpleSlider: function() {
-      var params, publicMethods, settingsOrMethod;
-      settingsOrMethod = arguments[0], params = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
-      publicMethods = ["setRatio", "setValue"];
-      return $(this).each(function() {
-        var obj, settings;
-        if (settingsOrMethod && __indexOf.call(publicMethods, settingsOrMethod) >= 0) {
-          obj = $(this).data("slider-object");
-          return obj[settingsOrMethod].apply(obj, params);
-        } else {
-          settings = settingsOrMethod;
-          return $(this).data("slider-object", new SimpleSlider($(this), settings));
-        }
-      });
-    }
-  });
-  return $(function() {
-    return $("[data-slider]").each(function() {
-      var $el, allowedValues, settings, x;
-      $el = $(this);
-      settings = {};
-      allowedValues = $el.data("slider-values");
-      if (allowedValues) {
-        settings.allowedValues = (function() {
-          var _i, _len, _ref, _results;
-          _ref = allowedValues.split(",");
-          _results = [];
-          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-            x = _ref[_i];
-            _results.push(parseFloat(x));
+    })();
+    $.extend($.fn, {
+      simpleSlider: function() {
+        var params, publicMethods, settingsOrMethod;
+        settingsOrMethod = arguments[0], params = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+        publicMethods = ["setRatio", "setValue"];
+        return $(this).each(function() {
+          var obj, settings;
+          if (settingsOrMethod && __indexOf.call(publicMethods, settingsOrMethod) >= 0) {
+            obj = $(this).data("slider-object");
+            return obj[settingsOrMethod].apply(obj, params);
+          } else {
+            settings = settingsOrMethod;
+            return $(this).data("slider-object", new SimpleSlider($(this), settings));
           }
-          return _results;
-        })();
-      }
-      if ($el.data("slider-range")) {
-        settings.range = $el.data("slider-range").split(",");
-      }
-      if ($el.data("slider-step")) {
-        settings.step = $el.data("slider-step");
-      }
-      settings.snap = $el.data("slider-snap");
-      settings.equalSteps = $el.data("slider-equal-steps");
-      if ($el.data("slider-theme")) {
-        settings.theme = $el.data("slider-theme");
+        });
       }
-      return $el.simpleSlider(settings);
     });
-  });
-})(this.jQuery || this.Zepto, this);
+    return $(function() {
+      return $("[data-slider]").each(function() {
+        var $el, allowedValues, settings, x;
+        $el = $(this);
+        settings = {};
+        allowedValues = $el.data("slider-values");
+        if (allowedValues) {
+          settings.allowedValues = (function() {
+            var _i, _len, _ref, _results;
+            _ref = allowedValues.split(",");
+            _results = [];
+            for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+              x = _ref[_i];
+              _results.push(parseFloat(x));
+            }
+            return _results;
+          })();
+        }
+        if ($el.data("slider-range")) {
+          settings.range = $el.data("slider-range").split(",");
+        }
+        if ($el.data("slider-step")) {
+          settings.step = $el.data("slider-step");
+        }
+        if ($el.data("slider-tooltip")) {
+          settings.tooltip = $el.data("slider-tooltip");
+        }
+        settings.snap = $el.data("slider-snap");
+        settings.equalSteps = $el.data("slider-equal-steps");
+        if ($el.data("slider-theme")) {
+          settings.theme = $el.data("slider-theme");
+        }
+        return $el.simpleSlider(settings);
+      });
+    });
+  })(this.jQuery || this.Zepto, this);
+
+}).call(this);
diff --git a/js/simple-slider.min.js b/js/simple-slider.min.js
index 349b791..09bc93b 100644
--- a/js/simple-slider.min.js
+++ b/js/simple-slider.min.js
@@ -1,11 +1,8 @@
+// Generated by CoffeeScript 1.6.1
 /*
- * jQuery Simple Slider: Unobtrusive Numerical Slider
- * Version 1.0.0
- *
- * Copyright (c) 2013 James Smith (http://loopj.com)
- *
- * Licensed under the MIT license (http://mit-license.org/)
- *
- */
+ jQuery Simple Slider
 
-var __slice=[].slice,__indexOf=[].indexOf||function(e){for(var t=0,n=this.length;t<n;t++)if(t in this&&this[t]===e)return t;return-1};(function(e,t){var n;return n=function(){function t(t,n){var r,i=this;this.input=t,this.defaultOptions={animate:!0,snapMid:!1,classPrefix:null,classSuffix:null,theme:null},this.settings=e.extend({},this.defaultOptions,n),this.settings.theme&&(this.settings.classSuffix="-"+this.settings.theme),this.input.hide(),this.slider=e("<div>").addClass("slider"+(this.settings.classSuffix||"")).css({position:"relative",userSelect:"none",boxSizing:"border-box"}).insertBefore(this.input),this.input.attr("id")&&this.slider.attr("id",this.input.attr("id")+"-slider"),this.track=e("<div>").addClass("track").css({position:"absolute",top:"50%",width:"100%",userSelect:"none",cursor:"pointer"}).appendTo(this.slider),this.dragger=e("<div>").addClass("dragger").css({position:"absolute",top:"50%",userSelect:"none",cursor:"pointer"}).appendTo(this.slider),this.slider.css({minHeight:this.dragger.outerHeight(),marginLeft:this.dragger.outerWidth()/2,marginRight:this.dragger.outerWidth()/2}),this.track.css({marginTop:this.track.outerHeight()/-2}),this.dragger.css({marginTop:this.dragger.outerWidth()/-2,marginLeft:this.dragger.outerWidth()/-2}),this.track.mousedown(function(e){if(e.which!==1)return;return i.domDrag(e.pageX,e.pageY,!0),i.dragging=!0,!1}),this.dragger.mousedown(function(e){if(e.which!==1)return;return i.dragging=!0,i.dragger.addClass("dragging"),i.domDrag(e.pageX,e.pageY),!1}),e("body").mousemove(function(t){if(i.dragging)return i.domDrag(t.pageX,t.pageY),e("body").css({cursor:"pointer"})}).mouseup(function(t){if(i.dragging)return i.dragging=!1,i.dragger.removeClass("dragging"),e("body").css({cursor:"auto"})}),this.pagePos=0,this.input.val()===""?(this.value=this.getRange().min,this.input.val(this.value)):this.value=this.nearestValidValue(this.input.val()),this.setSliderPositionFromValue(this.value),r=this.valueToRatio(this.value),this.input.trigger("slider:ready",{value:this.value,ratio:r,position:r*this.slider.outerWidth(),el:this.slider})}return t.prototype.setRatio=function(e){var t;return e=Math.min(1,e),e=Math.max(0,e),t=this.ratioToValue(e),this.setSliderPositionFromValue(t),this.valueChanged(t,e,"setRatio")},t.prototype.setValue=function(e){var t;return e=this.nearestValidValue(e),t=this.valueToRatio(e),this.setSliderPositionFromValue(e),this.valueChanged(e,t,"setValue")},t.prototype.domDrag=function(e,t,n){var r,i,s;n==null&&(n=!1),r=e-this.slider.offset().left,r=Math.min(this.slider.outerWidth(),r),r=Math.max(0,r);if(this.pagePos!==r)return this.pagePos=r,i=r/this.slider.outerWidth(),s=this.ratioToValue(i),this.valueChanged(s,i,"domDrag"),this.settings.snap?this.setSliderPositionFromValue(s,n):this.setSliderPosition(r,n)},t.prototype.setSliderPosition=function(e,t){return t==null&&(t=!1),t&&this.settings.animate?this.dragger.animate({left:e},200):this.dragger.css({left:e})},t.prototype.setSliderPositionFromValue=function(e,t){var n;return t==null&&(t=!1),n=this.valueToRatio(e),this.setSliderPosition(n*this.slider.outerWidth(),t)},t.prototype.getRange=function(){return this.settings.allowedValues?{min:Math.min.apply(Math,this.settings.allowedValues),max:Math.max.apply(Math,this.settings.allowedValues)}:this.settings.range?{min:parseFloat(this.settings.range[0]),max:parseFloat(this.settings.range[1])}:{min:0,max:1}},t.prototype.nearestValidValue=function(t){var n,r,i,s;return i=this.getRange(),t=Math.min(i.max,t),t=Math.max(i.min,t),this.settings.allowedValues?(n=null,e.each(this.settings.allowedValues,function(){if(n===null||Math.abs(this-t)<Math.abs(n-t))return n=this}),n):this.settings.step?(r=(i.max-i.min)/this.settings.step,s=Math.floor((t-i.min)/this.settings.step),(t-i.min)%this.settings.step>this.settings.step/2&&s<r&&(s+=1),s*this.settings.step+i.min):t},t.prototype.valueToRatio=function(e){var t,n,r,i,s,o,u,a;if(this.settings.equalSteps){a=this.settings.allowedValues;for(i=o=0,u=a.length;o<u;i=++o){t=a[i];if(typeof n=="undefined"||n===null||Math.abs(t-e)<Math.abs(n-e))n=t,r=i}return this.settings.snapMid?(r+.5)/this.settings.allowedValues.length:r/(this.settings.allowedValues.length-1)}return s=this.getRange(),(e-s.min)/(s.max-s.min)},t.prototype.ratioToValue=function(e){var t,n,r,i,s;return this.settings.equalSteps?(s=this.settings.allowedValues.length,i=Math.round(e*s-.5),t=Math.min(i,this.settings.allowedValues.length-1),this.settings.allowedValues[t]):(n=this.getRange(),r=e*(n.max-n.min)+n.min,this.nearestValidValue(r))},t.prototype.valueChanged=function(t,n,r){var i;if(t.toString()===this.value.toString())return;return this.value=t,i={value:t,ratio:n,position:n*this.slider.outerWidth(),trigger:r,el:this.slider},this.input.val(t).trigger(e.Event("change",i)).trigger("slider:changed",i)},t}(),e.extend(e.fn,{simpleSlider:function(){var t,r,i;return i=arguments[0],t=2<=arguments.length?__slice.call(arguments,1):[],r=["setRatio","setValue"],e(this).each(function(){var s,o;return i&&__indexOf.call(r,i)>=0?(s=e(this).data("slider-object"),s[i].apply(s,t)):(o=i,e(this).data("slider-object",new n(e(this),o)))})}}),e(function(){return e("[data-slider]").each(function(){var t,n,r,i;return t=e(this),r={},n=t.data("slider-values"),n&&(r.allowedValues=function(){var e,t,r,s;r=n.split(","),s=[];for(e=0,t=r.length;e<t;e++)i=r[e],s.push(parseFloat(i));return s}()),t.data("slider-range")&&(r.range=t.data("slider-range").split(",")),t.data("slider-step")&&(r.step=t.data("slider-step")),r.snap=t.data("slider-snap"),r.equalSteps=t.data("slider-equal-steps"),t.data("slider-theme")&&(r.theme=t.data("slider-theme")),t.simpleSlider(r)})})})(this.jQuery||this.Zepto,this);
\ No newline at end of file
+ Copyright (c) 2012 James Smith (http://loopj.com)
+
+ Licensed under the MIT license (http://mit-license.org/)
+*/(function(){var e=[].slice,t=[].indexOf||function(e){for(var t=0,n=this.length;t<n;t++)if(t in this&&this[t]===e)return t;return-1};(function(n,r){var i;n.data==null&&(n.data=function(e){return n.attr("data-"+e)});i=function(){function e(e,t){var r,i=this;this.input=e;this.defaultOptions={animate:!0,snapMid:!1,classPrefix:null,classSuffix:null,theme:null};this.settings=n.extend({},this.defaultOptions,t);this.settings.theme&&(this.settings.classSuffix="-"+this.settings.theme);this.input.hide();this.slider=n("<div>").addClass("slider"+(this.settings.classSuffix||"")).css({position:"relative",userSelect:"none",boxSizing:"border-box"}).insertBefore(this.input);this.input.attr("id")&&this.slider.attr("id",this.input.attr("id")+"-slider");this.track=n("<div>").addClass("track").css({position:"absolute",top:"50%",width:"100%",userSelect:"none",cursor:"pointer"}).appendTo(this.slider);this.dragger=n("<div>").addClass("dragger").css({position:"absolute",top:"50%",userSelect:"none",cursor:"pointer"}).appendTo(this.slider);this.slider.css({minHeight:this.dragger.outerHeight(),marginLeft:this.dragger.outerWidth()/2,marginRight:this.dragger.outerWidth()/2});this.track.css({marginTop:this.track.outerHeight()/-2});this.dragger.css({marginTop:this.dragger.outerWidth()/-2,marginLeft:this.dragger.outerWidth()/-2});this.track.mousedown(function(e){if(e.which!==1)return;i.domDrag(e.pageX,e.pageY,!0);i.dragging=!0;return!1});this.dragger.mousedown(function(e){if(e.which!==1)return;i.dragging=!0;i.dragger.addClass("dragging");i.domDrag(e.pageX,e.pageY);return!1});n("body").mousemove(function(e){if(i.dragging){i.domDrag(e.pageX,e.pageY);return n("body").css({cursor:"pointer"})}}).mouseup(function(e){if(i.dragging){i.dragging=!1;i.dragger.removeClass("dragging");return n("body").css({cursor:"auto"})}});this.pagePos=0;if(this.input.val()===""){this.value=this.getRange().min;this.input.val(this.value)}else this.value=this.nearestValidValue(this.input.val());this.setSliderPositionFromValue(this.value);r=this.valueToRatio(this.value);this.input.trigger("slider:ready",{value:this.value,ratio:r,position:r*this.slider.outerWidth(),el:this.slider})}e.prototype.setRatio=function(e){var t;e=Math.min(1,e);e=Math.max(0,e);t=this.ratioToValue(e);this.setSliderPositionFromValue(t);return this.valueChanged(t,e,"setRatio")};e.prototype.setValue=function(e){var t;e=this.nearestValidValue(e);t=this.valueToRatio(e);this.setSliderPositionFromValue(e);return this.valueChanged(e,t,"setValue")};e.prototype.domDrag=function(e,t,n){var r,i,s;n==null&&(n=!1);r=e-this.slider.offset().left;r=Math.min(this.slider.outerWidth(),r);r=Math.max(0,r);if(this.pagePos!==r){this.pagePos=r;i=r/this.slider.outerWidth();s=this.ratioToValue(i);this.valueChanged(s,i,"domDrag");return this.settings.snap?this.setSliderPositionFromValue(s,n):this.setSliderPosition(r,n)}};e.prototype.setSliderPosition=function(e,t){t==null&&(t=!1);return t&&this.settings.animate?this.dragger.animate({left:e},200):this.dragger.css({left:e})};e.prototype.setSliderPositionFromValue=function(e,t){var n;t==null&&(t=!1);n=this.valueToRatio(e);return this.setSliderPosition(n*this.slider.outerWidth(),t)};e.prototype.getRange=function(){return this.settings.allowedValues?{min:Math.min.apply(Math,this.settings.allowedValues),max:Math.max.apply(Math,this.settings.allowedValues)}:this.settings.range?{min:parseFloat(this.settings.range[0]),max:parseFloat(this.settings.range[1])}:{min:0,max:1}};e.prototype.nearestValidValue=function(e){var t,r,i,s;i=this.getRange();e=Math.min(i.max,e);e=Math.max(i.min,e);if(this.settings.allowedValues){t=null;n.each(this.settings.allowedValues,function(){if(t===null||Math.abs(this-e)<Math.abs(t-e))return t=this});return t}if(this.settings.step){r=(i.max-i.min)/this.settings.step;s=Math.floor((e-i.min)/this.settings.step);(e-i.min)%this.settings.step>this.settings.step/2&&s<r&&(s+=1);return s*this.settings.step+i.min}return e};e.prototype.valueToRatio=function(e){var t,n,r,i,s,o,u,a;if(this.settings.equalSteps){a=this.settings.allowedValues;for(i=o=0,u=a.length;o<u;i=++o){t=a[i];if(typeof n=="undefined"||n===null||Math.abs(t-e)<Math.abs(n-e)){n=t;r=i}}return this.settings.snapMid?(r+.5)/this.settings.allowedValues.length:r/(this.settings.allowedValues.length-1)}s=this.getRange();return(e-s.min)/(s.max-s.min)};e.prototype.ratioToValue=function(e){var t,n,r,i,s;if(this.settings.equalSteps){s=this.settings.allowedValues.length;i=Math.round(e*s-.5);t=Math.min(i,this.settings.allowedValues.length-1);return this.settings.allowedValues[t]}n=this.getRange();r=e*(n.max-n.min)+n.min;return this.nearestValidValue(r)};e.prototype.valueChanged=function(e,t,r){var i;if(e.toString()===this.value.toString())return;this.value=e;i={value:e,ratio:t,position:t*this.slider.outerWidth(),trigger:r,el:this.slider};return this.input.val(e).trigger(n.Event("change",i)).trigger("slider:changed",i)};return e}();n.extend(n.fn,{simpleSlider:function(){var r,s,o;o=arguments[0],r=2<=arguments.length?e.call(arguments,1):[];s=["setRatio","setValue"];return n(this).each(function(){var e,u;if(o&&t.call(s,o)>=0){e=n(this).data("slider-object");return e[o].apply(e,r)}u=o;return n(this).data("slider-object",new i(n(this),u))})}});return n(function(){return n("[data-slider]").each(function(){var e,t,r,i;e=n(this);r={};t=e.data("slider-values");t&&(r.allowedValues=function(){var e,n,r,s;r=t.split(",");s=[];for(e=0,n=r.length;e<n;e++){i=r[e];s.push(parseFloat(i))}return s}());e.data("slider-range")&&(r.range=e.data("slider-range").split(","));e.data("slider-step")&&(r.step=e.data("slider-step"));r.snap=e.data("slider-snap");r.equalSteps=e.data("slider-equal-steps");e.data("slider-theme")&&(r.theme=e.data("slider-theme"));return e.simpleSlider(r)})})})(this.jQuery||this.Zepto,this)}).call(this);
\ No newline at end of file

From 45d077fef49b7def4848924ad793c2e4e5a542bd Mon Sep 17 00:00:00 2001
From: Martin Koistinen <mkoistinen@gmail.com>
Date: Fri, 8 Mar 2013 18:36:12 +0200
Subject: [PATCH 2/6] Added precision to output values based on slider-step
 value.

If step is not defined, there is no effect. Otherwise, the step defines
the resulting precision of the output values.  For example, if step is
0.1, then the precision is to the tenths of a unit.  If step is 0.01,
then the precision is to the 1/100 of a unit.  If step > 0, precision
is set to a full unit.
---
 js/simple-slider.coffee | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/js/simple-slider.coffee b/js/simple-slider.coffee
index e8bd6a7..1e186fe 100644
--- a/js/simple-slider.coffee
+++ b/js/simple-slider.coffee
@@ -121,7 +121,7 @@
       # Fill in initial slider value
       if @input.val() == ""
         @value = @getRange().min
-        @input.val(@value)
+        @displayValue(@value)
       else
         @value = @nearestValidValue(@input.val())
 
@@ -135,6 +135,17 @@
         position: ratio * @slider.outerWidth()
         el: @slider
 
+    # Displays the value appropriately for the step value, if any, given.
+    displayValue: (value) ->
+      # If there is no step value, then we leave the value untouched.
+      # This will allow a default slider from 0->1 to work as it did previously.
+      if @settings.step && !isNaN(@settings.step)
+        precision = Math.max(0, Math.ceil(Math.log(1/@settings.step)/Math.log(10)));
+        value = value.toFixed(precision)
+      if (this.tooltip)
+        @tooltip.text(value)
+      @input.val(value)
+
     # Set the ratio (value between 0 and 1) of the slider.
     # Exposed via el.slider("setRatio", ratio)
     setRatio: (ratio) ->
@@ -290,8 +301,9 @@
         trigger: trigger
         el: @slider
 
+      @displayValue(value);
+
       @input
-        .val(value)
         .trigger($.Event("change", eventData))
         .trigger("slider:changed", eventData)
 

From f7610afcb126efcaf13c1f1083a849eb1cc3b864 Mon Sep 17 00:00:00 2001
From: Martin Koistinen <mkoistinen@gmail.com>
Date: Fri, 8 Mar 2013 18:41:57 +0200
Subject: [PATCH 3/6] Adds support for an integral value readout in the form of
 a tooltip

---
 css/simple-slider.css   | 28 +++++++++++++++++++++++++++-
 js/simple-slider.coffee |  7 ++++++-
 2 files changed, 33 insertions(+), 2 deletions(-)

diff --git a/css/simple-slider.css b/css/simple-slider.css
index 7d6cded..6adb54c 100644
--- a/css/simple-slider.css
+++ b/css/simple-slider.css
@@ -41,4 +41,30 @@
 
   border: 1px solid #aaa;
   height: 4px;
-}
\ No newline at end of file
+}
+
+.slider .tooltip {
+  background-color: #72A307;
+  border-radius: 3px;
+  color: #fff;
+  left: 100%;
+  margin-left: 15px;
+  padding: 1px 4px;
+  position: absolute;
+}
+
+.slider > .tooltip::before {
+  background-color: #72A307;
+  content: '';
+  display: block;
+  height: 7px;
+  left: -3px;
+  position: absolute;
+  top: 5px;
+  width: 7px;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
diff --git a/js/simple-slider.coffee b/js/simple-slider.coffee
index 1e186fe..aad2db6 100644
--- a/js/simple-slider.coffee
+++ b/js/simple-slider.coffee
@@ -38,6 +38,10 @@
           userSelect: "none"
           boxSizing: "border-box"
         .insertBefore @input
+      if @settings.tooltip
+        @tooltip = $("<div/>").addClass("tooltip")
+        @slider.append( @.tooltip)
+        @displayValue(Number(@input.val()))
       @slider.attr("id", @input.attr("id") + "-slider") if @input.attr("id")
 
       # Create the track
@@ -65,7 +69,7 @@
       @slider.css
         minHeight: @dragger.outerHeight()
         marginLeft: @dragger.outerWidth()/2
-        marginRight: @dragger.outerWidth()/2
+        marginRight: @dragger.outerWidth()/2 + (56 if @settings.tooltip)
 
       @track.css
         marginTop: @track.outerHeight()/-2
@@ -340,6 +344,7 @@
       settings.allowedValues = (parseFloat(x) for x in allowedValues.split(",")) if allowedValues
       settings.range = $el.data("slider-range").split(",") if $el.data("slider-range")
       settings.step = $el.data("slider-step") if $el.data("slider-step")
+      settings.tooltip = $el.data("slider-tooltip") if $el.data("slider-tooltip")
       settings.snap = $el.data("slider-snap")
       settings.equalSteps = $el.data("slider-equal-steps")
       settings.theme = $el.data("slider-theme") if $el.data("slider-theme")

From 7923dce0d43ba2552338eafafcf9daa6e9b5c83f Mon Sep 17 00:00:00 2001
From: Martin Koistinen <mkoistinen@gmail.com>
Date: Wed, 13 Mar 2013 21:08:38 +0200
Subject: [PATCH 4/6] Add support for touch-enabled devices

Signed-off-by: Martin Koistinen <mkoistinen@gmail.com>
---
 css/simple-slider.css   |  16 +++++++
 js/simple-slider.coffee | 102 +++++++++++++++++++++++++++++-----------
 2 files changed, 90 insertions(+), 28 deletions(-)

diff --git a/css/simple-slider.css b/css/simple-slider.css
index 6adb54c..484d462 100644
--- a/css/simple-slider.css
+++ b/css/simple-slider.css
@@ -68,3 +68,19 @@
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }
+
+/**
+ * These are styles for when we're on a touch-capable device where we'd prefer
+ * a larger dragger
+ */
+html.touch .slider > .dragger {
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 20px;
+  height: 32px;
+  width: 32px;
+}
+
+html.touch .slider > .tooltip {
+  top: 8px;
+}
diff --git a/js/simple-slider.coffee b/js/simple-slider.coffee
index aad2db6..448a7ab 100644
--- a/js/simple-slider.coffee
+++ b/js/simple-slider.coffee
@@ -8,6 +8,12 @@
 
 (($, window) ->
 
+  # Adds a class 'touch' to the HTML tag if this is a touch-capable device,
+  # this allows our CSS to respond accordingly and, in this case, make the
+  # size of the dragger 2X the size.
+  if 'ontouchstart' in window
+    $('html').addClass 'touch'
+
   #
   # Main slider class
   #
@@ -78,46 +84,86 @@
         marginTop: @dragger.outerWidth()/-2
         marginLeft: @dragger.outerWidth()/-2
 
-      # Hook up drag/drop mouse events
-      @track
-        .mousedown (e) =>
-          return unless e.which == 1
 
+      # Hook up drag/drop mouse events AND touch events.  Note, we use 'on'
+      # rather than 'bind', so this requires a more recent version of
+      # jQuery/Zepto.
+
+      @track.on 'touchstart mousedown', (e) =>
+
+        # If this mouse down isn’t the left mouse button, ignore it.  Also, If
+        # this is a mousedown event, we must preventDefault to prevent
+        # interacting accidentally with page content. We MUST allow the
+        # default action, however for touch-based input, otherwise, it will
+        # interfere with other gestures (page-scroll, pinch-to-zoom, etc.)
+
+        if e.type == "mousedown"
+          unless e.which is 1
+            return
+          e.preventDefault()
+
+        if e.originalEvent && e.originalEvent.touches # jQuery users
+          @domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY)
+        else if e.touches # For Zepto users
+          @domDrag(e.touches[0].pageX, e.touches[0].pageY)
+        else
           @domDrag(e.pageX, e.pageY, true)
-          @dragging = true
-          false
 
-      @dragger
-        .mousedown (e) =>
-          return unless e.which == 1
+        @dragging = true
 
-          # We've started moving
-          @dragging = true
-          @dragger.addClass "dragging"
 
-          # Update the slider position
-          @domDrag(e.pageX, e.pageY)
+      @dragger.on 'touchstart mousedown', (e) =>
+
+        # See note above re: preventDefault() and left mouse button
+        if e.type is "mousedown"
+          unless e.which is 1
+            return
+          e.preventDefault()
+
+        # We've started moving
+        @dragging = true
+        @dragger.addClass "dragging"
 
-          false
+        # Update the slider position
+        if e.originalEvent && e.originalEvent.touches # jQuery users
+          @domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY)
+        else if e.touches # For Zepto users
+          @domDrag(e.touches[0].pageX, e.touches[0].pageY)
+        else
+          @domDrag(e.pageX, e.pageY, true)
+
+        false
+
+
+      $("body").on 'touchmove mousemove', (e) =>
 
-      $("body")
-        .mousemove (e) =>
-          if @dragging
-            # Update the slider position
+        # See note above re: preventDefault()
+        if e.type is "mousemove"
+          e.preventDefault();
+
+        if @dragging
+          # Update the slider position
+          if e.originalEvent && e.originalEvent.touches # jQuery users
+            @domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY)
+          else if e.touches # For Zepto users
+            @domDrag(e.touches[0].pageX, e.touches[0].pageY)
+          else
             @domDrag(e.pageX, e.pageY)
 
-            # Always show a pointer when dragging
-            $("body").css cursor: "pointer"
+          # Always show a pointer when dragging
+          $("body").css cursor: "pointer"
+
+
+      $("body").on 'touchend mouseup', () =>
 
+        if @dragging
+          # Finished dragging
+          @dragging = false
+          @dragger.removeClass "dragging"
 
-        .mouseup (e) =>
-          if @dragging
-            # Finished dragging
-            @dragging = false
-            @dragger.removeClass "dragging"
+          # Revert the cursor
+          $("body").css cursor: "auto"
 
-            # Revert the cursor
-            $("body").css cursor: "auto"
 
       # Set slider initial position
       @pagePos = 0

From 078e8e4167e2158e2a0ab9795f861b747adee470 Mon Sep 17 00:00:00 2001
From: Martin Koistinen <mkoistinen@gmail.com>
Date: Wed, 13 Mar 2013 21:13:10 +0200
Subject: [PATCH 5/6] Updated JS as a result of the changes to the CS.

---
 js/simple-slider.js | 60 +++++++++++++++++++++++++++++++++------------
 1 file changed, 45 insertions(+), 15 deletions(-)

diff --git a/js/simple-slider.js b/js/simple-slider.js
index a0f3528..9ee80e5 100644
--- a/js/simple-slider.js
+++ b/js/simple-slider.js
@@ -10,11 +10,14 @@
 
 
 (function() {
-  var __slice = [].slice,
-    __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
+  var __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; },
+    __slice = [].slice;
 
   (function($, window) {
     var SimpleSlider;
+    if (__indexOf.call(window, 'ontouchstart') >= 0) {
+      $('html').addClass('touch');
+    }
     SimpleSlider = (function() {
 
       function SimpleSlider(input, options) {
@@ -71,31 +74,58 @@
           marginTop: this.dragger.outerWidth() / -2,
           marginLeft: this.dragger.outerWidth() / -2
         });
-        this.track.mousedown(function(e) {
-          if (e.which !== 1) {
-            return;
+        this.track.on('touchstart mousedown', function(e) {
+          if (e.type === "mousedown") {
+            if (e.which !== 1) {
+              return;
+            }
+            e.preventDefault();
           }
-          _this.domDrag(e.pageX, e.pageY, true);
-          _this.dragging = true;
-          return false;
+          if (e.originalEvent && e.originalEvent.touches) {
+            _this.domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY);
+          } else if (e.touches) {
+            _this.domDrag(e.touches[0].pageX, e.touches[0].pageY);
+          } else {
+            _this.domDrag(e.pageX, e.pageY, true);
+          }
+          return _this.dragging = true;
         });
-        this.dragger.mousedown(function(e) {
-          if (e.which !== 1) {
-            return;
+        this.dragger.on('touchstart mousedown', function(e) {
+          if (e.type === "mousedown") {
+            if (e.which !== 1) {
+              return;
+            }
+            e.preventDefault();
           }
           _this.dragging = true;
           _this.dragger.addClass("dragging");
-          _this.domDrag(e.pageX, e.pageY);
+          if (e.originalEvent && e.originalEvent.touches) {
+            _this.domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY);
+          } else if (e.touches) {
+            _this.domDrag(e.touches[0].pageX, e.touches[0].pageY);
+          } else {
+            _this.domDrag(e.pageX, e.pageY, true);
+          }
           return false;
         });
-        $("body").mousemove(function(e) {
+        $("body").on('touchmove mousemove', function(e) {
+          if (e.type === "mousemove") {
+            e.preventDefault();
+          }
           if (_this.dragging) {
-            _this.domDrag(e.pageX, e.pageY);
+            if (e.originalEvent && e.originalEvent.touches) {
+              _this.domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY);
+            } else if (e.touches) {
+              _this.domDrag(e.touches[0].pageX, e.touches[0].pageY);
+            } else {
+              _this.domDrag(e.pageX, e.pageY);
+            }
             return $("body").css({
               cursor: "pointer"
             });
           }
-        }).mouseup(function(e) {
+        });
+        $("body").on('touchend mouseup', function() {
           if (_this.dragging) {
             _this.dragging = false;
             _this.dragger.removeClass("dragging");

From 3c3cd218b3f0f6afae48820b8ae309daf54669c5 Mon Sep 17 00:00:00 2001
From: Martin Koistinen <mkoistinen@gmail.com>
Date: Tue, 19 Mar 2013 11:20:35 +0200
Subject: [PATCH 6/6] Refactored for DRYer code

Signed-off-by: Martin Koistinen <mkoistinen@gmail.com>
---
 js/simple-slider.coffee | 59 +++++++++++++++++++----------------------
 js/simple-slider.js     | 57 ++++++++++++++++-----------------------
 2 files changed, 51 insertions(+), 65 deletions(-)

diff --git a/js/simple-slider.coffee b/js/simple-slider.coffee
index 448a7ab..d353a98 100644
--- a/js/simple-slider.coffee
+++ b/js/simple-slider.coffee
@@ -89,7 +89,7 @@
       # rather than 'bind', so this requires a more recent version of
       # jQuery/Zepto.
 
-      @track.on 'touchstart mousedown', (e) =>
+      @track.on 'touchstart mousedown', (evt) =>
 
         # If this mouse down isn’t the left mouse button, ignore it.  Also, If
         # this is a mousedown event, we must preventDefault to prevent
@@ -97,58 +97,42 @@
         # default action, however for touch-based input, otherwise, it will
         # interfere with other gestures (page-scroll, pinch-to-zoom, etc.)
 
-        if e.type == "mousedown"
-          unless e.which is 1
+        if evt.type == "mousedown"
+          unless evt.which is 1
             return
-          e.preventDefault()
-
-        if e.originalEvent && e.originalEvent.touches # jQuery users
-          @domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY)
-        else if e.touches # For Zepto users
-          @domDrag(e.touches[0].pageX, e.touches[0].pageY)
-        else
-          @domDrag(e.pageX, e.pageY, true)
+          evt.preventDefault()
 
+        @domDrag(evt, true)
         @dragging = true
 
 
-      @dragger.on 'touchstart mousedown', (e) =>
+      @dragger.on 'touchstart mousedown', (evt) =>
 
         # See note above re: preventDefault() and left mouse button
-        if e.type is "mousedown"
-          unless e.which is 1
+        if evt.type is "mousedown"
+          unless evt.which is 1
             return
-          e.preventDefault()
+          evt.preventDefault()
 
         # We've started moving
         @dragging = true
         @dragger.addClass "dragging"
 
         # Update the slider position
-        if e.originalEvent && e.originalEvent.touches # jQuery users
-          @domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY)
-        else if e.touches # For Zepto users
-          @domDrag(e.touches[0].pageX, e.touches[0].pageY)
-        else
-          @domDrag(e.pageX, e.pageY, true)
+        @domDrag(evt, true)
 
         false
 
 
-      $("body").on 'touchmove mousemove', (e) =>
+      $("body").on 'touchmove mousemove', (evt) =>
 
         # See note above re: preventDefault()
-        if e.type is "mousemove"
-          e.preventDefault();
+        if evt.type is "mousemove"
+          evt.preventDefault();
 
         if @dragging
           # Update the slider position
-          if e.originalEvent && e.originalEvent.touches # jQuery users
-            @domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY)
-          else if e.touches # For Zepto users
-            @domDrag(e.touches[0].pageX, e.touches[0].pageY)
-          else
-            @domDrag(e.pageX, e.pageY)
+          @domDrag(evt)
 
           # Always show a pointer when dragging
           $("body").css cursor: "pointer"
@@ -228,7 +212,20 @@
       @valueChanged(value, ratio, "setValue")
 
     # Respond to a dom drag event
-    domDrag: (pageX, pageY, animate=false) ->
+    domDrag: (evt, animate=false) ->
+      # jQuery users
+      if evt.originalEvent && evt.originalEvent.touches
+        {pageX, pageY} = evt.originalEvent.touches[0]
+
+      # For Zepto users
+      else if evt.touches
+        {pageX, pageY} = evt.touches[0]
+
+      # Not really sure when this would ever be used, but it probably should
+      # be here.
+      else
+        {pageX, pageY} = evt
+
       # Normalize position within allowed range
       pagePos = pageX - @slider.offset().left
       pagePos = Math.min(@slider.outerWidth(), pagePos)
diff --git a/js/simple-slider.js b/js/simple-slider.js
index 9ee80e5..8efe3e5 100644
--- a/js/simple-slider.js
+++ b/js/simple-slider.js
@@ -74,52 +74,34 @@
           marginTop: this.dragger.outerWidth() / -2,
           marginLeft: this.dragger.outerWidth() / -2
         });
-        this.track.on('touchstart mousedown', function(e) {
-          if (e.type === "mousedown") {
-            if (e.which !== 1) {
+        this.track.on('touchstart mousedown', function(evt) {
+          if (evt.type === "mousedown") {
+            if (evt.which !== 1) {
               return;
             }
-            e.preventDefault();
-          }
-          if (e.originalEvent && e.originalEvent.touches) {
-            _this.domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY);
-          } else if (e.touches) {
-            _this.domDrag(e.touches[0].pageX, e.touches[0].pageY);
-          } else {
-            _this.domDrag(e.pageX, e.pageY, true);
+            evt.preventDefault();
           }
+          _this.domDrag(evt, true);
           return _this.dragging = true;
         });
-        this.dragger.on('touchstart mousedown', function(e) {
-          if (e.type === "mousedown") {
-            if (e.which !== 1) {
+        this.dragger.on('touchstart mousedown', function(evt) {
+          if (evt.type === "mousedown") {
+            if (evt.which !== 1) {
               return;
             }
-            e.preventDefault();
+            evt.preventDefault();
           }
           _this.dragging = true;
           _this.dragger.addClass("dragging");
-          if (e.originalEvent && e.originalEvent.touches) {
-            _this.domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY);
-          } else if (e.touches) {
-            _this.domDrag(e.touches[0].pageX, e.touches[0].pageY);
-          } else {
-            _this.domDrag(e.pageX, e.pageY, true);
-          }
+          _this.domDrag(evt, true);
           return false;
         });
-        $("body").on('touchmove mousemove', function(e) {
-          if (e.type === "mousemove") {
-            e.preventDefault();
+        $("body").on('touchmove mousemove', function(evt) {
+          if (evt.type === "mousemove") {
+            evt.preventDefault();
           }
           if (_this.dragging) {
-            if (e.originalEvent && e.originalEvent.touches) {
-              _this.domDrag(e.originalEvent.touches[0].pageX, e.originalEvent.touches[0].pageY);
-            } else if (e.touches) {
-              _this.domDrag(e.touches[0].pageX, e.touches[0].pageY);
-            } else {
-              _this.domDrag(e.pageX, e.pageY);
-            }
+            _this.domDrag(evt);
             return $("body").css({
               cursor: "pointer"
             });
@@ -180,11 +162,18 @@
         return this.valueChanged(value, ratio, "setValue");
       };
 
-      SimpleSlider.prototype.domDrag = function(pageX, pageY, animate) {
-        var pagePos, ratio, value;
+      SimpleSlider.prototype.domDrag = function(evt, animate) {
+        var pagePos, pageX, pageY, ratio, value, _ref, _ref1;
         if (animate == null) {
           animate = false;
         }
+        if (evt.originalEvent && evt.originalEvent.touches) {
+          _ref = evt.originalEvent.touches[0], pageX = _ref.pageX, pageY = _ref.pageY;
+        } else if (evt.touches) {
+          _ref1 = evt.touches[0], pageX = _ref1.pageX, pageY = _ref1.pageY;
+        } else {
+          pageX = evt.pageX, pageY = evt.pageY;
+        }
         pagePos = pageX - this.slider.offset().left;
         pagePos = Math.min(this.slider.outerWidth(), pagePos);
         pagePos = Math.max(0, pagePos);