diff --git a/README.markdown b/README.markdown
index 945a782..c41aca7 100644
--- a/README.markdown
+++ b/README.markdown
@@ -3,20 +3,20 @@
 Javascript and jQuery based component for making swipable containers for touch devides and with mouse usage.
 
 # Examples
-  
+
 Simple mouse/finger swipable textbox: [http://pulges.github.com/Content-Swipe/](http://pulges.github.com/Content-Swipe/)
 
 #Usage
-    
+
 The css variant with inline-blocks and no predefined width works only with no spaces between boxes in html.
 It can be used also with float left boxes but then #swipable must have a width that fits all boxes.
-    
+
     <style>
       #swipable-wrap { width: 800px; height: 400px; position: relative; overflow: hidden; }
       #swipeable { position: relative; white-space: nowrap; }
       .swipable-box { width: 800px; height: 400px; display: inline-block; overflow: hidden;}
     </style>
-    
+
     <div id="swipeable">
       <div class="swipable-box">
         ...
@@ -28,55 +28,46 @@ It can be used also with float left boxes but then #swipable must have a width t
     </div>
 
     <script type="text/javascript">
-      $('#swipeable').scroller();
+      new Scroller(document.getElementById('swipeable'));
     </script>
-    
+
 #Configuration
-  
-    $('#swipeable').scroller({
-      box_element: '.swipable-box', // classname of box elements
-      move_treshold: 0.15,          // fraction of width needed to drag to trigger scroll to another page
-      tap_treshold: 0.05,           // if less than this fraction of width moved, tap event is triggered on scroll box
+
+    new Scroller('swipeable', {
+      box_element: '.swipable-box', // css selector of box elements
+      move_threshold: 0.15,         // fraction of width needed to drag to trigger scroll to another page
+      tap_threshold: 0.05,          // if less than this fraction of width moved, tap event is triggered on scroll box
       fixed_stops: true             // if false autoscroll to closest slide is disabled
     });
 
 #Events
 
 If movement of less than tap treshold occurs. "tap" event is triggered on ".swipable-box"
-  
-    $('.swipable-box').on('tap', function() { alert('tap'); });
-  
+
+    document.querySelector('.swipable-box').addEventListener('tap', function() { alert('tap'); });
+
 After scroll animation finishes "scrollstop" event is triggered on "#swipeable" with index of scroll page position as second parameter
 
-    $('#swipeable').on("scrollstop", function(event, index) {
-      alert("Scrolled to index: " + index);
+    document.getElementById('swipeable').addEventListener('scrollstop', function(event) {
+      alert('Scrolled to index: ' + event.detail.currentIndex);
     });
-    
+
 #Actions
 Example of accessing inner functions
 
-    $('#swipeable').scroller();
-    
+    var scroller = new Scroller(document.getElementById('swipeable'));
+
     // to next slide
-    $('#next').click(function() {
-      $('#swipeable').scroller().next();
-    });
-    
+    scroller.next();
+
     // to prev slide
-    $('#prev').click(function() {
-      $('#swipeable').scroller().previous();
-    });
+    scroller.previous();
 
     // slide to third slide (index 2 as list is 0 based)
-    $('#to3').click(function() {
-      $('#swipeable').scroller().move_to(2);
-    });
+    scroller.move_to(2);
 
     // switch to third slide without animation
-    $('#to3_i').click(function() {
-      $('#swipeable').scroller().move_to(2, true);
-    });
-    
+    scroller.move_to(2, true);
+
 
 NB! Will update the gallery example soon. Current one will not work with new library.
-    
\ No newline at end of file
diff --git a/example.html b/example.html
index 2d28b06..6aee2a3 100644
--- a/example.html
+++ b/example.html
@@ -46,32 +46,31 @@ <h1>Third Box</h1>
   <button id="next">Next</button>
   <button id="to3">3</button>
   <button id="to3_i">to 3 Instant</button>
-  
-  
-	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
-	<script type="text/javascript" src="jquery.scroller.js"></script>
-  
+
+
+	<script type="text/javascript" src="scroller.js"></script>
+
   <script type="text/javascript">
-    $('#swipeable').scroller({
-      "box_element" : '.swipable-box'
+    var scroller = new Scroller(document.getElementById('swipeable'), {
+      "box_element": '.swipable-box'
     });
-    
-    $('#next').click(function() {
-      $('#swipeable').scroller().next();
+
+    document.getElementById('next').addEventListener('click', function() {
+      scroller.next();
     });
-    
-    $('#prev').click(function() {
-      $('#swipeable').scroller().previous();
+
+    document.getElementById('prev').addEventListener('click', function() {
+      scroller.previous();
     });
-    
-    $('#to3').click(function() {
-      $('#swipeable').scroller().move_to(2);
+
+    document.getElementById('to3').addEventListener('click', function() {
+      scroller.move_to(2);
     });
-    
-    $('#to3_i').click(function() {
-      $('#swipeable').scroller().move_to(2, true);
+
+    document.getElementById('to3_i').addEventListener('click', function() {
+      scroller.move_to(2, true);
     });
-    
+
   </script>
 </body>
 </html>
diff --git a/jquery.scroller.js b/jquery.scroller.js
deleted file mode 100644
index 05e0a81..0000000
--- a/jquery.scroller.js
+++ /dev/null
@@ -1,148 +0,0 @@
-(function($) {
-
-    function getsupportedprop(p){
-        var root=document.documentElement;
-        for (var i=0; i<p.length; i++) {
-            if (p[i] in root.style) {
-                return p[i];
-            }
-        }
-        return null;
-    }
-    
-    var isTouch = ('ontouchstart' in window ) ? true : false,
-        cssTransform = getsupportedprop(['transform', 'MozTransform', 'webkitTransform', 'msTransform', 'OTransform']),
-        cssTransitionD = getsupportedprop(['transitionDuration', 'MozTransitionDuration', 'webkitTransitionDuration', 'msTransitionDuration', 'OTransitionDuration']);
-    
-    var defaults = {
-        box_element: '.swipable-box',
-        move_treshold: 0.15,
-        tap_treshold: 0.05,
-        fixed_stops: true
-    };
-    
-    var Scroller = function($element, options) {
-        this.$el = $element;
-        this.settings = $.extend(defaults, options);
-        this.idx = 0;
-        this.x = 0;
-        this.init();
-    };
-    
-    Scroller.prototype = {
-        
-        init: function() {
-            this.$boxes = this.$el.find(this.settings.box_element);
-            this.boxW = this.$boxes.outerWidth();
-            this.$el.on((isTouch) ? 'touchstart' : 'mousedown', $.proxy(this.start, this));
-        },
-        
-        mX: function(event) {
-            return (isTouch) ? event.originalEvent.targetTouches[0].pageX :  event.pageX;
-        },
-        
-        start: function(event) {
-            event.preventDefault();
-            this.startEl = event.target;  
-            this.startX = this.endX = this.mX(event);
-            cssTransitionD && (this.$el.get(0).style[cssTransitionD] = "0s");
-            if (isTouch) {
-                $(document).on({
-                    'touchmove.scroller': $.proxy(this.move, this),
-                    'touchend.scroller': $.proxy(this.end, this)
-                });
-            } else {
-                $(document).on({
-                    'mousemove.scroller': $.proxy(this.move, this),
-                    'mouseup.scroller': $.proxy(this.end, this)
-                });
-            }
-        },
-        
-        move: function(event) {
-            var val;
-            event.preventDefault();
-            if (this.startX) {
-                this.endX = this.mX(event);
-                val = this.x + (this.endX - this.startX);
-                if (cssTransform) {
-                    this.$el.get(0).style[cssTransform] = "translate3d(" + val +"px,0px,0px)";
-                } else {
-                    this.$el.css({'left': val + 'px'});
-                }
-            }   
-        },
-        
-        end: function (event) {
-            if (this.settings.fixed_stops && this.startX !== null && this.endX !== null) {
-                this.move_to_closest();
-                this.startEl = event.target;  
-
-                /* detect tap */
-                var moveX = Math.abs(this.startX - this.endX);
-                if (this.startEl && moveX <= this.settings.tap_treshold * this.boxW) {
-                    $(this.startEl).trigger('tap');
-                }
-            }
-            
-            this.startX = this.endX = this.startEl = null;
-            $(document).off('.scroller');
-        },
-        
-        move_to_closest: function () {
-            var moveX = this.startX - this.endX,
-                i = Math.round((-1 * this.x) / this.boxW),
-                moveTreshold = this.settings.move_treshold * this.boxW;
-
-            if (moveX > moveTreshold && i + 1 < (this.$boxes.length)) {
-                i++;
-            } else if (((-1) * moveX) > moveTreshold && i - 1 >= 0){
-                i--;
-            }
-            this.move_to(i);
-        },
-        
-        move_to: function(index, fast) {
-            var newloc = this.boxW * index;
-            this.idx = index;
-            this.x = -1 * newloc;
-            if (cssTransform && cssTransitionD) {
-                this.$el.get(0).style[cssTransitionD] = (fast) ? "0s" : "0.5s";
-                this.$el.get(0).style[cssTransform] = "translate3d(" + this.x + "px,0px,0px)";
-            } else {
-                this.$el.stop();
-                (fast) ? this.$el.css({'left': this.x}) : this.$el.animate({'left': this.x}, 800);
-            }
-            if (!fast) {
-                setTimeout($.proxy(function () {
-                    this.$el.trigger('scrollstop', [index]);
-                }, this), 810);
-            }
-        },
-        
-        next: function() {
-            if(this.idx + 1 < this.$boxes.length){
-                this.move_to(this.idx + 1);
-            }
-        },
-
-        previous: function() {
-            if (this.idx - 1 >= 0) {
-                this.move_to(this.idx - 1);
-            }
-        } 
-    };
-    
-    $.fn.scroller = function (options) {
-        if ($(this).data('plugin_scroller')) {
-           return $(this).data('plugin_scroller'); 
-        } else {
-            return this.each(function () {
-                if (!$.data(this, 'plugin_scroller')) {
-                    $(this).data('plugin_scroller', new Scroller($(this), options));
-                }
-            });
-        }
-    };
-    
-})(jQuery);
\ No newline at end of file
diff --git a/jquery.scroller.min.js b/jquery.scroller.min.js
deleted file mode 100644
index c729971..0000000
--- a/jquery.scroller.min.js
+++ /dev/null
@@ -1 +0,0 @@
-(function(a){function b(a){var b=document.documentElement;for(var c=0;c<a.length;c++)if(a[c]in b.style)return a[c];return null}var c="ontouchstart"in window?!0:!1,d=b(["transform","MozTransform","webkitTransform","msTransform","OTransform"]),e=b(["transitionDuration","MozTransitionDuration","webkitTransitionDuration","msTransitionDuration","OTransitionDuration"]),f={box_element:".swipable-box",move_treshold:.15,tap_treshold:.05,fixed_stops:!0},g=function(b,c){this.$el=b,this.settings=a.extend(f,c),this.idx=0,this.x=0,this.init()};g.prototype={init:function(){this.$boxes=this.$el.find(this.settings.box_element),this.boxW=this.$boxes.outerWidth(),this.$el.on(c?"touchstart":"mousedown",a.proxy(this.start,this))},mX:function(a){return c?a.originalEvent.targetTouches[0].pageX:a.pageX},start:function(b){b.preventDefault(),this.startEl=b.target,this.startX=this.endX=this.mX(b),e&&(this.$el.get(0).style[e]="0s"),c?a(document).on({"touchmove.scroller":a.proxy(this.move,this),"touchend.scroller":a.proxy(this.end,this)}):a(document).on({"mousemove.scroller":a.proxy(this.move,this),"mouseup.scroller":a.proxy(this.end,this)})},move:function(a){var b;a.preventDefault(),this.startX&&(this.endX=this.mX(a),b=this.x+(this.endX-this.startX),d?this.$el.get(0).style[d]="translate3d("+b+"px,0px,0px)":this.$el.css({left:b+"px"}))},end:function(b){if(this.settings.fixed_stops&&this.startX!==null&&this.endX!==null){this.move_to_closest(),this.startEl=b.target;var c=Math.abs(this.startX-this.endX);this.startEl&&c<=this.settings.tap_treshold*this.boxW&&a(this.startEl).trigger("tap")}this.startX=this.endX=this.startEl=null,a(document).off(".scroller")},move_to_closest:function(){var a=this.startX-this.endX,b=Math.round(-1*this.x/this.boxW),c=this.settings.move_treshold*this.boxW;a>c&&b+1<this.$boxes.length?b++:-1*a>c&&b-1>=0&&b--,this.move_to(b)},move_to:function(b,c){var f=this.boxW*b;this.idx=b,this.x=-1*f,d&&e?(this.$el.get(0).style[e]=c?"0s":"0.5s",this.$el.get(0).style[d]="translate3d("+this.x+"px,0px,0px)"):(this.$el.stop(),c?this.$el.css({left:this.x}):this.$el.animate({left:this.x},800)),c||setTimeout(a.proxy(function(){this.$el.trigger("scrollstop",[b])},this),810)},next:function(){this.idx+1<this.$boxes.length&&this.move_to(this.idx+1)},previous:function(){this.idx-1>=0&&this.move_to(this.idx-1)}},a.fn.scroller=function(b){return a(this).data("plugin_scroller")?a(this).data("plugin_scroller"):this.each(function(){a.data(this,"plugin_scroller")||a(this).data("plugin_scroller",new g(a(this),b))})}})(jQuery)
\ No newline at end of file
diff --git a/scroller.js b/scroller.js
new file mode 100644
index 0000000..6632273
--- /dev/null
+++ b/scroller.js
@@ -0,0 +1,194 @@
+(function(window) {
+
+  function getsupportedprop(p){
+    var root = document.documentElement;
+
+    for (var i=0; i<p.length; i++) {
+      if (p[i] in root.style) {
+        return p[i];
+
+        break;
+      }
+    }
+    return null;
+  }
+
+  var isTouch = 'ontouchstart' in window,
+      cssTransform = getsupportedprop(['transform', 'MozTransform', 'webkitTransform', 'msTransform', 'OTransform']),
+      cssTransitionD = getsupportedprop(['transitionDuration', 'MozTransitionDuration', 'webkitTransitionDuration', 'msTransitionDuration', 'OTransitionDuration']);
+
+  var defaults = {
+    box_element: '.swipable-box',
+    move_threshold: 0.15,
+    tap_threshold: 0.05,
+    fixed_stops: true
+  };
+
+  var Scroller = function(element, options) {
+    this.el = element;
+
+    this.settings = defaults;
+    for (var option in options) {
+      this.settings[option] = options[option];
+    }
+
+    this.idx = 0;
+    this.x = 0;
+
+    this.init();
+  };
+
+  Scroller.prototype = {
+
+    init: function() {
+      this.boxes = this.el.querySelectorAll(this.settings.box_element);
+      this.boxW = this.boxes[0].offsetWidth;
+      this.el.addEventListener((isTouch ? 'touchstart' : 'mousedown'), this.start.bind(this));
+    },
+
+    mX: function(event) {
+      return (isTouch) ? event.targetTouches[0].pageX :  event.pageX;
+    },
+
+    start: function(event) {
+      event.preventDefault();
+
+      clearTimeout(this.scrollStopCallbackTimeout);
+
+      this.startEl = event.target;
+      this.startX = this.endX = this.mX(event);
+
+      if (cssTransitionD) {
+        this.el.style[cssTransitionD] = "0s";
+      }
+
+      this.moveCallback = this.move.bind(this);
+      this.endCallback = this.end.bind(this);
+
+      if (isTouch) {
+        document.addEventListener('touchmove', this.moveCallback);
+        document.addEventListener('touchend', this.endCallback);
+      } else {
+        document.addEventListener('mousemove', this.moveCallback);
+        document.addEventListener('mouseup', this.endCallback);
+      }
+    },
+
+    move: function(event) {
+      event.preventDefault();
+
+      var val;
+
+      if (this.startX) {
+        this.endX = this.mX(event);
+
+        val = this.x + (this.endX - this.startX);
+
+        if (cssTransform) {
+          this.el.style[cssTransform] = "translate3d(" + val +"px,0px,0px)";
+        } else {
+          this.el.style.left = val + 'px';
+        }
+      }
+    },
+
+    end: function (event) {
+      if (this.settings.fixed_stops && this.startX !== null && this.endX !== null) {
+        this.move_to_closest();
+        this.startEl = event.target;
+
+        /* detect tap */
+        var moveX = Math.abs(this.startX - this.endX);
+        if (this.startEl && moveX <= this.settings.tap_threshold * this.boxW) {
+          this.triggerEvent(this.startEl, 'tap');
+        }
+      }
+
+      this.startX = this.endX = this.startEl = null;
+
+      if (isTouch) {
+        document.removeEventListener('touchmove', this.moveCallback);
+        document.removeEventListener('touchend', this.endCallback);
+      } else {
+        document.removeEventListener('mousemove', this.moveCallback);
+        document.removeEventListener('mouseup', this.endCallback);
+      }
+    },
+
+    move_to_closest: function () {
+      var moveX = this.startX - this.endX,
+          i = Math.round((-1 * this.x) / this.boxW),
+          moveThreshold = this.settings.move_threshold * this.boxW;
+
+      if (moveX > moveThreshold && i + 1 < (this.boxes.length)) {
+        i++;
+      } else if (((-1) * moveX) > moveThreshold && i - 1 >= 0){
+        i--;
+      }
+
+      this.move_to(i);
+    },
+
+    move_to: function(index, fast) {
+      var newloc = this.boxW * index;
+
+      this.idx = index;
+      this.x = -1 * newloc;
+
+      if (cssTransitionD) {
+        this.el.style[cssTransitionD] = (fast) ? "0s" : "0.5s";
+      }
+
+      if (cssTransform) {
+        this.el.style[cssTransform] = "translate3d(" + this.x + "px,0px,0px)";
+      } else {
+        this.el.style.left = this.x + 'px';
+      }
+
+      var callback = function() {
+        this.triggerEvent(this.el, 'scrollstop', {currentIndex: index});
+      }
+
+      if (fast) {
+        callback.apply(this);
+      } else {
+        this.scrollStopCallbackTimeout = setTimeout(callback.bind(this), 500);
+      }
+    },
+
+    next: function() {
+      if(this.idx + 1 < this.boxes.length){
+        this.move_to(this.idx + 1);
+      }
+    },
+
+    previous: function() {
+      if (this.idx - 1 >= 0) {
+        this.move_to(this.idx - 1);
+      }
+    },
+
+    triggerEvent: function(element, type, data) {
+      var event,
+          eventData;
+
+      if (data) {
+        eventData = data
+      } else {
+        eventData = {};
+      }
+
+      if (window.CustomEvent) {
+        event = new CustomEvent(type, {detail: eventData});
+      } else {
+        event = document.createEvent('CustomEvent');
+        event.initCustomEvent(type, true, true, eventData);
+      }
+
+      element.dispatchEvent(event);
+    }
+  };
+
+  window.Scroller = Scroller;
+
+})(window);