swiper-rails 1.0.0 → 1.0.2

checksums.yaml

@@ -1,15 +1,7 @@
 ---
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    NmQxOGUzZDQyNTk2MzM4YTlkNjc1MTVlYjgyNWU2NTYyMzM1NzM2YQ==
-  data.tar.gz: !binary |-
-    OTRlNDBkZWU3MTJmZGI5NWRkNzIwZjQwZmY1NWVlNjA1YTVkYWFkZg==
-!binary "U0hBNTEy":
-  metadata.gz: !binary |-
-    ZTM3MjBmZDU1NmMxMWU0YmJmN2MxYTY5NmVlNjk0NWFhNTg1NzNiNjE0Yjg4
-    Y2NkYTYxZDhmY2NmMjAxMGNkZTdlNWY4NDNjNTYwMGVkNDg5OWZjYTAwNzdi
-    ZTQ0M2Y0YWU0NWZmMWYyN2E5MjY1ODFhY2UyOTU4NzFlYzQwOTY=
-  data.tar.gz: !binary |-
-    ODE4NTI1NDFhNTlmMDFhYjc5NzZjMzBkYzM5ZDIyNDM2ZmQ3ZTQwNzkzMzgw
-    NDlmODZjOTk5OWU5MzgwMDlkYmMxOGUwNWZhMGE0Y2RhMWY4ZDhkMjEzOGQ2
-    ODAxMWUyZjI1MmMzZWQ3Y2UzNWNjNTJkZmU5ZWUwMTdmOWU5Mjg=
+SHA1:
+  metadata.gz: 118b7afde4a47cdf56fe73bf7bd2f2108f75fc21
+  data.tar.gz: f2176db71cecf8cc3af76b271c5a0b74b8e50a34
+SHA512:
+  metadata.gz: 15f36c4e178419f0bb92aebe0d1b9f786b2684d542f6fb593742012ee8923ca70b5a517bd2a1988399dfa3be4571fb20ca10f14037fe91ec2bd69b274a91f443
+  data.tar.gz: 4bcc75a38564af8f5e1cadd6cec194a090a926e78fc2c03c00b66408e8a9d92191ef98b67539246727d0756134be487b6081239ab0c0ff97e678e2fb1300856d

data/app/assets/javascripts/swiper.js

@@ -1,16 +1,6 @@
-/*
- * Swiper 2.1 - Mobile Touch Slider
- * http://www.idangero.us/sliders/swiper/
- *
- * Copyright 2012-2013, Vladimir Kharlampidi
- * The iDangero.us
- * http://www.idangero.us/
- *
- * Licensed under GPL & MIT
- *
- * Updated on: August 22, 2013
-*/
 var Swiper = function (selector, params) {
+    'use strict';
+
     /*=========================
       A little bit dirty but required part for IE8 and old FF support
       ===========================*/
@@ -18,7 +8,7 @@ var Swiper = function (selector, params) {
         if (HTMLElement) {
             var element = HTMLElement.prototype;
             if (element.__defineGetter__) {
-                element.__defineGetter__("outerHTML", function () { return new XMLSerializer().serializeToString(this); } );
+                element.__defineGetter__('outerHTML', function () { return new XMLSerializer().serializeToString(this); });
             }
         }
     }
@@ -35,34 +25,34 @@ var Swiper = function (selector, params) {
                     });
                 }
                 return el.currentStyle[prop] ? el.currentStyle[prop] : null;
-            }
+            };
             return this;
-        }
+        };
     }
     if (!Array.prototype.indexOf) {
-        Array.prototype.indexOf = function(obj, start) {
+        Array.prototype.indexOf = function (obj, start) {
             for (var i = (start || 0), j = this.length; i < j; i++) {
                 if (this[i] === obj) { return i; }
             }
             return -1;
-        }
+        };
     }
     if (!document.querySelectorAll) {
         if (!window.jQuery) return;
     }
-    function $$(s) {
+    function $$(selector, context) {
         if (document.querySelectorAll)
-            return document.querySelectorAll(s);
+            return (context || document).querySelectorAll(selector);
         else
-            return jQuery(s);
+            return jQuery(selector, context);
     }
 
     /*=========================
       Check for correct selector
       ===========================*/
-    if(typeof selector === 'undefined') return;
+    if (typeof selector === 'undefined') return;
 
-    if(!(selector.nodeType)){
+    if (!(selector.nodeType)) {
         if ($$(selector).length === 0) return;
     }
 
@@ -75,24 +65,24 @@ var Swiper = function (selector, params) {
       Default Flags and vars
       ===========================*/
     _this.touches = {
-        start:0,
-        startX:0,
-        startY:0,
-        current:0,
-        currentX:0,
-        currentY:0,
-        diff:0,
-        abs:0
+        start: 0,
+        startX: 0,
+        startY: 0,
+        current: 0,
+        currentX: 0,
+        currentY: 0,
+        diff: 0,
+        abs: 0
     };
     _this.positions = {
-        start:0,
-        abs:0,
-        diff:0,
-        current:0
+        start: 0,
+        abs: 0,
+        diff: 0,
+        current: 0
     };
     _this.times = {
-        start:0,
-        end:0
+        start: 0,
+        end: 0
     };
 
     _this.id = (new Date()).getTime();
@@ -100,6 +90,7 @@ var Swiper = function (selector, params) {
     _this.isTouched = false;
     _this.isMoved = false;
     _this.activeIndex = 0;
+    _this.centerIndex = 0;
     _this.activeLoaderIndex = 0;
     _this.activeLoopIndex = 0;
     _this.previousIndex = null;
@@ -108,16 +99,18 @@ var Swiper = function (selector, params) {
     _this.slidesGrid = [];
     _this.imagesToLoad = [];
     _this.imagesLoaded = 0;
-    _this.wrapperLeft=0;
-    _this.wrapperRight=0;
-    _this.wrapperTop=0;
-    _this.wrapperBottom=0;
+    _this.wrapperLeft = 0;
+    _this.wrapperRight = 0;
+    _this.wrapperTop = 0;
+    _this.wrapperBottom = 0;
+    _this.isAndroid = navigator.userAgent.toLowerCase().indexOf('android') >= 0;
     var wrapper, slideSize, wrapperSize, direction, isScrolling, containerSize;
 
     /*=========================
       Default Parameters
       ===========================*/
     var defaults = {
+        eventTarget: 'wrapper', // or 'container'
         mode : 'horizontal', // or 'vertical'
         touchRatio : 1,
         speed : 300,
@@ -128,11 +121,12 @@ var Swiper = function (selector, params) {
         momentumBounceRatio: 1,
         slidesPerView : 1,
         slidesPerGroup : 1,
+        slidesPerViewFit: true, //Fit to slide when spv "auto" and slides larger than container
         simulateTouch : true,
         followFinger : true,
         shortSwipes : true,
-        moveStartThreshold:false,
-        autoplay: false,
+        longSwipesRatio: 0.5,
+        moveStartThreshold: false,
         onlyExternal : false,
         createPagination : true,
         pagination : false,
@@ -142,18 +136,24 @@ var Swiper = function (selector, params) {
         resistance : true, // or false or 100%
         scrollContainer : false,
         preventLinks : true,
+        preventLinksPropagation: false,
         noSwiping : false, // or class
         noSwipingClass : 'swiper-no-swiping', //:)
         initialSlide: 0,
         keyboardControl: false,
         mousewheelControl : false,
-        mousewheelDebounce: 600,
+        mousewheelControlForceToAxis : false,
         useCSS3Transforms : true,
+        // Autoplay
+        autoplay: false,
+        autoplayDisableOnInteraction: true,
+        autoplayStopOnLast: false,
         //Loop mode
-        loop:false,
-        loopAdditionalSlides:0,
+        loop: false,
+        loopAdditionalSlides: 0,
         //Auto Height
         calculateHeight: false,
+        cssWidthAndHeight: false,
         //Images Preloader
         updateOnImagesReady : true,
         //Form elements
@@ -178,25 +178,26 @@ var Swiper = function (selector, params) {
         DOMAnimation : true,
         //Slides Loader
         loader: {
-            slides:[], //array with slides
-            slidesHTMLType:'inner', // or 'outer'
+            slides: [], //array with slides
+            slidesHTMLType: 'inner', // or 'outer'
             surroundGroups: 1, //keep preloaded slides groups around view
             logic: 'reload', //or 'change'
             loadAllSlides: false
         },
         //Namespace
-        slideElement : 'div',
-        slideClass : 'swiper-slide',
-        slideActiveClass : 'swiper-slide-active',
-        slideVisibleClass : 'swiper-slide-visible',
-        wrapperClass : 'swiper-wrapper',
+        slideElement: 'div',
+        slideClass: 'swiper-slide',
+        slideActiveClass: 'swiper-slide-active',
+        slideVisibleClass: 'swiper-slide-visible',
+        slideDuplicateClass: 'swiper-slide-duplicate',
+        wrapperClass: 'swiper-wrapper',
         paginationElementClass: 'swiper-pagination-switch',
-        paginationActiveClass : 'swiper-active-switch',
-        paginationVisibleClass : 'swiper-visible-switch'
-    }
+        paginationActiveClass: 'swiper-active-switch',
+        paginationVisibleClass: 'swiper-visible-switch'
+    };
     params = params || {};
     for (var prop in defaults) {
-        if (prop in params && typeof params[prop]==='object') {
+        if (prop in params && typeof params[prop] === 'object') {
             for (var subProp in defaults[prop]) {
                 if (! (subProp in params[prop])) {
                     params[prop][subProp] = defaults[prop][subProp];
@@ -204,7 +205,7 @@ var Swiper = function (selector, params) {
             }
         }
         else if (! (prop in params)) {
-            params[prop] = defaults[prop]
+            params[prop] = defaults[prop];
         }
     }
     _this.params = params;
@@ -215,16 +216,19 @@ var Swiper = function (selector, params) {
     if (params.loop) {
         params.resistance = '100%';
     }
-    var isH = params.mode==='horizontal';
+    var isH = params.mode === 'horizontal';
 
     /*=========================
       Define Touch Events
       ===========================*/
+    var desktopEvents = ['mousedown', 'mousemove', 'mouseup'];
+    if (_this.browser.ie10) desktopEvents = ['MSPointerDown', 'MSPointerMove', 'MSPointerUp'];
+    if (_this.browser.ie11) desktopEvents = ['pointerdown', 'pointermove', 'pointerup'];
 
     _this.touchEvents = {
-        touchStart : _this.support.touch || !params.simulateTouch  ? 'touchstart' : (_this.browser.ie10 ? 'MSPointerDown' : 'mousedown'),
-        touchMove : _this.support.touch || !params.simulateTouch ? 'touchmove' : (_this.browser.ie10 ? 'MSPointerMove' : 'mousemove'),
-        touchEnd : _this.support.touch || !params.simulateTouch ? 'touchend' : (_this.browser.ie10 ? 'MSPointerUp' : 'mouseup')
+        touchStart : _this.support.touch || !params.simulateTouch  ? 'touchstart' : desktopEvents[0],
+        touchMove : _this.support.touch || !params.simulateTouch ? 'touchmove' : desktopEvents[1],
+        touchEnd : _this.support.touch || !params.simulateTouch ? 'touchend' : desktopEvents[2]
     };
 
     /*=========================
@@ -232,14 +236,14 @@ var Swiper = function (selector, params) {
       ===========================*/
     for (var i = _this.container.childNodes.length - 1; i >= 0; i--) {
         if (_this.container.childNodes[i].className) {
-            var _wrapperClasses = _this.container.childNodes[i].className.split(' ')
+            var _wrapperClasses = _this.container.childNodes[i].className.split(/\s+/);
             for (var j = 0; j < _wrapperClasses.length; j++) {
-                if (_wrapperClasses[j]===params.wrapperClass) {
+                if (_wrapperClasses[j] === params.wrapperClass) {
                     wrapper = _this.container.childNodes[i];
                 }
-            };
+            }
         }
-    };
+    }
 
     _this.wrapper = wrapper;
     /*=========================
@@ -248,18 +252,15 @@ var Swiper = function (selector, params) {
     _this._extendSwiperSlide = function  (el) {
         el.append = function () {
             if (params.loop) {
-                el.insertAfter(_this.slides.length-_this.loopedSlides);
-                _this.removeLoopedSlides();
-                _this.calcSlides();
-                _this.createLoop();
+                el.insertAfter(_this.slides.length - _this.loopedSlides);
             }
             else {
                 _this.wrapper.appendChild(el);
+                _this.reInit();
             }
 
-            _this.reInit();
             return el;
-        }
+        };
         el.prepend = function () {
             if (params.loop) {
                 _this.wrapper.insertBefore(el, _this.slides[_this.loopedSlides]);
@@ -272,32 +273,37 @@ var Swiper = function (selector, params) {
             }
             _this.reInit();
             return el;
-        }
+        };
         el.insertAfter = function (index) {
-            if(typeof index === 'undefined') return false;
+            if (typeof index === 'undefined') return false;
             var beforeSlide;
 
             if (params.loop) {
                 beforeSlide = _this.slides[index + 1 + _this.loopedSlides];
-                _this.wrapper.insertBefore(el, beforeSlide);
+                if (beforeSlide) {
+                    _this.wrapper.insertBefore(el, beforeSlide);
+                }
+                else {
+                    _this.wrapper.appendChild(el);
+                }
                 _this.removeLoopedSlides();
                 _this.calcSlides();
                 _this.createLoop();
             }
             else {
                 beforeSlide = _this.slides[index + 1];
-                _this.wrapper.insertBefore(el, beforeSlide)
+                _this.wrapper.insertBefore(el, beforeSlide);
             }
             _this.reInit();
             return el;
-        }
+        };
         el.clone = function () {
-            return _this._extendSwiperSlide(el.cloneNode(true))
-        }
+            return _this._extendSwiperSlide(el.cloneNode(true));
+        };
         el.remove = function () {
             _this.wrapper.removeChild(el);
             _this.reInit();
-        }
+        };
         el.html = function (html) {
             if (typeof html === 'undefined') {
                 return el.innerHTML;
@@ -306,46 +312,46 @@ var Swiper = function (selector, params) {
                 el.innerHTML = html;
                 return el;
             }
-        }
+        };
         el.index = function () {
             var index;
             for (var i = _this.slides.length - 1; i >= 0; i--) {
-                if(el === _this.slides[i]) index = i;
+                if (el === _this.slides[i]) index = i;
             }
             return index;
-        }
+        };
         el.isActive = function () {
             if (el.index() === _this.activeIndex) return true;
             else return false;
-        }
-        if (!el.swiperSlideDataStorage) el.swiperSlideDataStorage={};
+        };
+        if (!el.swiperSlideDataStorage) el.swiperSlideDataStorage = {};
         el.getData = function (name) {
             return el.swiperSlideDataStorage[name];
-        }
+        };
         el.setData = function (name, value) {
             el.swiperSlideDataStorage[name] = value;
             return el;
-        }
+        };
         el.data = function (name, value) {
-            if (!value) {
-                return el.getAttribute('data-'+name);
+            if (typeof value === 'undefined') {
+                return el.getAttribute('data-' + name);
             }
             else {
-                el.setAttribute('data-'+name,value);
+                el.setAttribute('data-' + name, value);
                 return el;
             }
-        }
+        };
         el.getWidth = function (outer) {
             return _this.h.getWidth(el, outer);
-        }
+        };
         el.getHeight = function (outer) {
             return _this.h.getHeight(el, outer);
-        }
-        el.getOffset = function() {
+        };
+        el.getOffset = function () {
             return _this.h.getOffset(el);
-        }
+        };
         return el;
-    }
+    };
 
     //Calculate information about number of slides
     _this.calcSlides = function (forceCalcSlides) {
@@ -355,9 +361,9 @@ var Swiper = function (selector, params) {
         for (var i = 0; i < _this.wrapper.childNodes.length; i++) {
             if (_this.wrapper.childNodes[i].className) {
                 var _className = _this.wrapper.childNodes[i].className;
-                var _slideClasses = _className.split(' ');
+                var _slideClasses = _className.split(/\s+/);
                 for (var j = 0; j < _slideClasses.length; j++) {
-                    if(_slideClasses[j]===params.slideClass) {
+                    if (_slideClasses[j] === params.slideClass) {
                         _this.slides.push(_this.wrapper.childNodes[i]);
                     }
                 }
@@ -366,46 +372,47 @@ var Swiper = function (selector, params) {
         for (i = _this.slides.length - 1; i >= 0; i--) {
             _this._extendSwiperSlide(_this.slides[i]);
         }
-        if (!oldNumber) return;
-        if(oldNumber!==_this.slides.length || forceCalcSlides) {
+        if (oldNumber === false) return;
+        if (oldNumber !== _this.slides.length || forceCalcSlides) {
+
             // Number of slides has been changed
             removeSlideEvents();
             addSlideEvents();
             _this.updateActiveSlide();
-            if (params.createPagination && _this.params.pagination) _this.createPagination();
+            if (_this.params.pagination) _this.createPagination();
             _this.callPlugins('numberOfSlidesChanged');
         }
-    }
+    };
 
     //Create Slide
     _this.createSlide = function (html, slideClassList, el) {
-        var slideClassList = slideClassList || _this.params.slideClass;
-        var el = el||params.slideElement;
+        slideClassList = slideClassList || _this.params.slideClass;
+        el = el || params.slideElement;
         var newSlide = document.createElement(el);
-        newSlide.innerHTML = html||'';
+        newSlide.innerHTML = html || '';
         newSlide.className = slideClassList;
         return _this._extendSwiperSlide(newSlide);
-    }
+    };
 
     //Append Slide
     _this.appendSlide = function (html, slideClassList, el) {
         if (!html) return;
         if (html.nodeType) {
-            return _this._extendSwiperSlide(html).append()
+            return _this._extendSwiperSlide(html).append();
         }
         else {
-            return _this.createSlide(html, slideClassList, el).append()
+            return _this.createSlide(html, slideClassList, el).append();
         }
-    }
+    };
     _this.prependSlide = function (html, slideClassList, el) {
         if (!html) return;
         if (html.nodeType) {
-            return _this._extendSwiperSlide(html).prepend()
+            return _this._extendSwiperSlide(html).prepend();
         }
         else {
-            return _this.createSlide(html, slideClassList, el).prepend()
+            return _this.createSlide(html, slideClassList, el).prepend();
         }
-    }
+    };
     _this.insertSlideAfter = function (index, html, slideClassList, el) {
         if (typeof index === 'undefined') return false;
         if (html.nodeType) {
@@ -414,12 +421,12 @@ var Swiper = function (selector, params) {
         else {
             return _this.createSlide(html, slideClassList, el).insertAfter(index);
         }
-    }
+    };
     _this.removeSlide = function (index) {
         if (_this.slides[index]) {
             if (params.loop) {
-                if (!_this.slides[index+_this.loopedSlides]) return false;
-                _this.slides[index+_this.loopedSlides].remove();
+                if (!_this.slides[index + _this.loopedSlides]) return false;
+                _this.slides[index + _this.loopedSlides].remove();
                 _this.removeLoopedSlides();
                 _this.calcSlides();
                 _this.createLoop();
@@ -428,42 +435,92 @@ var Swiper = function (selector, params) {
             return true;
         }
         else return false;
-    }
+    };
     _this.removeLastSlide = function () {
-        if (_this.slides.length>0) {
+        if (_this.slides.length > 0) {
             if (params.loop) {
                 _this.slides[_this.slides.length - 1 - _this.loopedSlides].remove();
                 _this.removeLoopedSlides();
                 _this.calcSlides();
                 _this.createLoop();
             }
-            else _this.slides[ (_this.slides.length-1) ].remove();
+            else _this.slides[_this.slides.length - 1].remove();
             return true;
         }
         else {
             return false;
         }
-    }
+    };
     _this.removeAllSlides = function () {
         for (var i = _this.slides.length - 1; i >= 0; i--) {
-            _this.slides[i].remove()
+            _this.slides[i].remove();
         }
-    }
+    };
     _this.getSlide = function (index) {
-        return _this.slides[index]
-    }
+        return _this.slides[index];
+    };
     _this.getLastSlide = function () {
-        return _this.slides[ _this.slides.length-1 ]
-    }
+        return _this.slides[_this.slides.length - 1];
+    };
     _this.getFirstSlide = function () {
-        return _this.slides[0]
-    }
+        return _this.slides[0];
+    };
 
     //Currently Active Slide
     _this.activeSlide = function () {
-        return _this.slides[_this.activeIndex]
+        return _this.slides[_this.activeIndex];
+    };
+
+    /*=========================
+     Wrapper for Callbacks : Allows additive callbacks via function arrays
+     ===========================*/
+    _this.fireCallback = function () {
+        var callback = arguments[0];
+        if (Object.prototype.toString.call(callback) === '[object Array]') {
+            for (var i = 0; i < callback.length; i++) {
+                if (typeof callback[i] === 'function') {
+                    callback[i](arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]);
+                }
+            }
+        } else if (Object.prototype.toString.call(callback) === '[object String]') {
+            if (params['on' + callback]) _this.fireCallback(params['on' + callback]);
+        } else {
+            callback(arguments[1], arguments[2], arguments[3], arguments[4], arguments[5]);
+        }
+    };
+    function isArray(obj) {
+        if (Object.prototype.toString.apply(obj) === '[object Array]') return true;
+        return false;
     }
 
+    /**
+     * Allows user to add callbacks, rather than replace them
+     * @param callback
+     * @param func
+     * @return {*}
+     */
+    _this.addCallback = function (callback, func) {
+        var _this = this, tempFunc;
+        if (_this.params['on' + callback]) {
+            if (isArray(this.params['on' + callback])) {
+                return this.params['on' + callback].push(func);
+            } else if (typeof this.params['on' + callback] === 'function') {
+                tempFunc = this.params['on' + callback];
+                this.params['on' + callback] = [];
+                this.params['on' + callback].push(tempFunc);
+                return this.params['on' + callback].push(func);
+            }
+        } else {
+            this.params['on' + callback] = [];
+            return this.params['on' + callback].push(func);
+        }
+    };
+    _this.removeCallbacks = function (callback) {
+        if (_this.params['on' + callback]) {
+            _this.params['on' + callback] = null;
+        }
+    };
+
     /*=========================
       Plugins API
       ===========================*/
@@ -471,44 +528,46 @@ var Swiper = function (selector, params) {
     for (var plugin in _this.plugins) {
         if (params[plugin]) {
             var p = _this.plugins[plugin](_this, params[plugin]);
-            if (p) _plugins.push( p );
+            if (p) _plugins.push(p);
         }
     }
-    _this.callPlugins = function(method, args) {
-        if (!args) args = {}
-        for (var i=0; i<_plugins.length; i++) {
+    _this.callPlugins = function (method, args) {
+        if (!args) args = {};
+        for (var i = 0; i < _plugins.length; i++) {
             if (method in _plugins[i]) {
                 _plugins[i][method](args);
             }
         }
-    }
+    };
 
     /*=========================
-      WP8 Fix
+      Windows Phone 8 Fix
       ===========================*/
-    if (_this.browser.ie10 && !params.onlyExternal) {
-        if (isH) _this.wrapper.classList.add('swiper-wp8-horizontal');
-        else _this.wrapper.classList.add('swiper-wp8-vertical');
+    if ((_this.browser.ie10 || _this.browser.ie11) && !params.onlyExternal) {
+        _this.wrapper.classList.add('swiper-wp8-' + (isH ? 'horizontal' : 'vertical'));
     }
 
     /*=========================
       Free Mode Class
       ===========================*/
     if (params.freeMode) {
-        _this.container.className+=' swiper-free-mode';
+        _this.container.className += ' swiper-free-mode';
     }
 
     /*==================================================
         Init/Re-init/Resize Fix
     ====================================================*/
     _this.initialized = false;
-    _this.init = function(force, forceCalcSlides) {
+    _this.init = function (force, forceCalcSlides) {
         var _width = _this.h.getWidth(_this.container);
         var _height = _this.h.getHeight(_this.container);
-        if (_width===_this.width && _height===_this.height && !force) return;
+        if (_width === _this.width && _height === _this.height && !force) return;
+
         _this.width = _width;
         _this.height = _height;
 
+        var slideWidth, slideHeight, slideMaxHeight, wrapperWidth, wrapperHeight, slideLeft;
+        var i; // loop index variable to avoid JSHint W004 / W038
         containerSize = isH ? _width : _height;
         var wrapper = _this.wrapper;
 
@@ -516,13 +575,13 @@ var Swiper = function (selector, params) {
             _this.calcSlides(forceCalcSlides);
         }
 
-        if (params.slidesPerView==='auto') {
+        if (params.slidesPerView === 'auto') {
             //Auto mode
             var slidesWidth = 0;
             var slidesHeight = 0;
 
             //Unset Styles
-            if (params.slidesOffset>0) {
+            if (params.slidesOffset > 0) {
                 wrapper.style.paddingLeft = '';
                 wrapper.style.paddingRight = '';
                 wrapper.style.paddingTop = '';
@@ -530,71 +589,87 @@ var Swiper = function (selector, params) {
             }
             wrapper.style.width = '';
             wrapper.style.height = '';
-            if (params.offsetPxBefore>0) {
+            if (params.offsetPxBefore > 0) {
                 if (isH) _this.wrapperLeft = params.offsetPxBefore;
                 else _this.wrapperTop = params.offsetPxBefore;
             }
-            if (params.offsetPxAfter>0) {
+            if (params.offsetPxAfter > 0) {
                 if (isH) _this.wrapperRight = params.offsetPxAfter;
                 else _this.wrapperBottom = params.offsetPxAfter;
             }
 
             if (params.centeredSlides) {
                 if (isH) {
-                    _this.wrapperLeft = (containerSize - this.slides[0].getWidth(true) )/2;
-                    _this.wrapperRight = (containerSize - _this.slides[ _this.slides.length-1 ].getWidth(true))/2;
+                    _this.wrapperLeft = (containerSize - this.slides[0].getWidth(true)) / 2;
+                    _this.wrapperRight = (containerSize - _this.slides[_this.slides.length - 1].getWidth(true)) / 2;
                 }
                 else {
-                    _this.wrapperTop = (containerSize - _this.slides[0].getHeight(true))/2;
-                    _this.wrapperBottom = (containerSize - _this.slides[ _this.slides.length-1 ].getHeight(true))/2;
+                    _this.wrapperTop = (containerSize - _this.slides[0].getHeight(true)) / 2;
+                    _this.wrapperBottom = (containerSize - _this.slides[_this.slides.length - 1].getHeight(true)) / 2;
                 }
             }
 
             if (isH) {
-                if (_this.wrapperLeft>=0) wrapper.style.paddingLeft = _this.wrapperLeft+'px';
-                if (_this.wrapperRight>=0) wrapper.style.paddingRight = _this.wrapperRight+'px';
+                if (_this.wrapperLeft >= 0) wrapper.style.paddingLeft = _this.wrapperLeft + 'px';
+                if (_this.wrapperRight >= 0) wrapper.style.paddingRight = _this.wrapperRight + 'px';
             }
             else {
-                if (_this.wrapperTop>=0) wrapper.style.paddingTop = _this.wrapperTop+'px';
-                if (_this.wrapperBottom>=0) wrapper.style.paddingBottom = _this.wrapperBottom+'px';
+                if (_this.wrapperTop >= 0) wrapper.style.paddingTop = _this.wrapperTop + 'px';
+                if (_this.wrapperBottom >= 0) wrapper.style.paddingBottom = _this.wrapperBottom + 'px';
             }
-            var slideLeft = 0;
-            var centeredSlideLeft=0;
+            slideLeft = 0;
+            var centeredSlideLeft = 0;
             _this.snapGrid = [];
             _this.slidesGrid = [];
 
-            var slideMaxHeight = 0;
-            for(var i = 0; i<_this.slides.length; i++) {
-                var slideWidth = _this.slides[i].getWidth(true);
-                var slideHeight = _this.slides[i].getHeight(true);
+            slideMaxHeight = 0;
+            for (i = 0; i < _this.slides.length; i++) {
+                slideWidth = _this.slides[i].getWidth(true);
+                slideHeight = _this.slides[i].getHeight(true);
                 if (params.calculateHeight) {
-                    slideMaxHeight = Math.max(slideMaxHeight, slideHeight)
+                    slideMaxHeight = Math.max(slideMaxHeight, slideHeight);
                 }
                 var _slideSize = isH ? slideWidth : slideHeight;
                 if (params.centeredSlides) {
-                    var nextSlideWidth = i === _this.slides.length-1 ? 0 : _this.slides[i+1].getWidth(true);
-                    var nextSlideHeight = i === _this.slides.length-1 ? 0 : _this.slides[i+1].getHeight(true);
+                    var nextSlideWidth = i === _this.slides.length - 1 ? 0 : _this.slides[i + 1].getWidth(true);
+                    var nextSlideHeight = i === _this.slides.length - 1 ? 0 : _this.slides[i + 1].getHeight(true);
                     var nextSlideSize = isH ? nextSlideWidth : nextSlideHeight;
-                    if (_slideSize>containerSize) {
-                        for (var j=0; j<=Math.floor(_slideSize/(containerSize+_this.wrapperLeft)); j++) {
-                            if (j === 0) _this.snapGrid.push(slideLeft+_this.wrapperLeft);
-                            else _this.snapGrid.push(slideLeft+_this.wrapperLeft+containerSize*j);
+                    if (_slideSize > containerSize) {
+                        if (params.slidesPerViewFit) {
+                            _this.snapGrid.push(slideLeft + _this.wrapperLeft);
+                            _this.snapGrid.push(slideLeft + _slideSize - containerSize + _this.wrapperLeft);
+                        }
+                        else {
+                            for (var j = 0; j <= Math.floor(_slideSize / (containerSize + _this.wrapperLeft)); j++) {
+                                if (j === 0) _this.snapGrid.push(slideLeft + _this.wrapperLeft);
+                                else _this.snapGrid.push(slideLeft + _this.wrapperLeft + containerSize * j);
+                            }
                         }
-                        _this.slidesGrid.push(slideLeft+_this.wrapperLeft);
+                        _this.slidesGrid.push(slideLeft + _this.wrapperLeft);
                     }
                     else {
                         _this.snapGrid.push(centeredSlideLeft);
                         _this.slidesGrid.push(centeredSlideLeft);
                     }
-
-                    centeredSlideLeft += _slideSize/2 + nextSlideSize/2;
-
+                    centeredSlideLeft += _slideSize / 2 + nextSlideSize / 2;
                 }
                 else {
-                    if (_slideSize>containerSize) {
-                        for (var j=0; j<=Math.floor(_slideSize/containerSize); j++) {
-                            _this.snapGrid.push(slideLeft+containerSize*j);
+                    if (_slideSize > containerSize) {
+                        if (params.slidesPerViewFit) {
+                            _this.snapGrid.push(slideLeft);
+                            _this.snapGrid.push(slideLeft + _slideSize - containerSize);
+                        }
+                        else {
+                            if (containerSize !== 0) {
+                                for (var k = 0; k <= Math.floor(_slideSize / containerSize); k++) {
+                                    _this.snapGrid.push(slideLeft + containerSize * k);
+                                }
+                            }
+                            else {
+                                _this.snapGrid.push(slideLeft);
+                            }
                         }
+
                     }
                     else {
                         _this.snapGrid.push(slideLeft);
@@ -608,15 +683,15 @@ var Swiper = function (selector, params) {
                 slidesHeight += slideHeight;
             }
             if (params.calculateHeight) _this.height = slideMaxHeight;
-            if(isH) {
+            if (isH) {
                 wrapperSize = slidesWidth + _this.wrapperRight + _this.wrapperLeft;
-                wrapper.style.width = (slidesWidth)+'px';
-                wrapper.style.height = (_this.height)+'px';
+                wrapper.style.width = (slidesWidth) + 'px';
+                wrapper.style.height = (_this.height) + 'px';
             }
             else {
                 wrapperSize = slidesHeight + _this.wrapperTop + _this.wrapperBottom;
-                wrapper.style.width = (_this.width)+'px';
-                wrapper.style.height = (slidesHeight)+'px';
+                wrapper.style.width = (_this.width) + 'px';
+                wrapper.style.height = (slidesHeight) + 'px';
             }
 
         }
@@ -624,125 +699,158 @@ var Swiper = function (selector, params) {
             //Scroll Container
             wrapper.style.width = '';
             wrapper.style.height = '';
-            var wrapperWidth = _this.slides[0].getWidth(true);
-            var wrapperHeight = _this.slides[0].getHeight(true);
+            wrapperWidth = _this.slides[0].getWidth(true);
+            wrapperHeight = _this.slides[0].getHeight(true);
             wrapperSize = isH ? wrapperWidth : wrapperHeight;
-            wrapper.style.width = wrapperWidth+'px';
-            wrapper.style.height = wrapperHeight+'px';
+            wrapper.style.width = wrapperWidth + 'px';
+            wrapper.style.height = wrapperHeight + 'px';
             slideSize = isH ? wrapperWidth : wrapperHeight;
 
         }
         else {
             //For usual slides
             if (params.calculateHeight) {
-                var slideMaxHeight = 0;
-                var wrapperHeight = 0;
+                slideMaxHeight = 0;
+                wrapperHeight = 0;
                 //ResetWrapperSize
-                if (!isH) _this.container.style.height= '';
-                wrapper.style.height='';
+                if (!isH) _this.container.style.height = '';
+                wrapper.style.height = '';
 
-                for (var i=0; i<_this.slides.length; i++) {
+                for (i = 0; i < _this.slides.length; i++) {
                     //ResetSlideSize
-                    _this.slides[i].style.height='';
-                    slideMaxHeight = Math.max( _this.slides[i].getHeight(true), slideMaxHeight );
-                    if (!isH) wrapperHeight+=_this.slides[i].getHeight(true);
+                    _this.slides[i].style.height = '';
+                    slideMaxHeight = Math.max(_this.slides[i].getHeight(true), slideMaxHeight);
+                    if (!isH) wrapperHeight += _this.slides[i].getHeight(true);
                 }
-                var slideHeight = slideMaxHeight;
+                slideHeight = slideMaxHeight;
                 _this.height = slideHeight;
 
                 if (isH) wrapperHeight = slideHeight;
-                else containerSize = slideHeight, _this.container.style.height= containerSize+'px';
+                else {
+                    containerSize = slideHeight;
+                    _this.container.style.height = containerSize + 'px';
+                }
             }
             else {
-                var slideHeight = isH ? _this.height : _this.height/params.slidesPerView ;
-                var wrapperHeight = isH ? _this.height : _this.slides.length*slideHeight;
+                slideHeight = isH ? _this.height : _this.height / params.slidesPerView;
+                wrapperHeight = isH ? _this.height : _this.slides.length * slideHeight;
             }
-            var slideWidth = isH ? _this.width/params.slidesPerView : _this.width;
-            var wrapperWidth = isH ? _this.slides.length*slideWidth : _this.width;
+            slideWidth = isH ? _this.width / params.slidesPerView : _this.width;
+            wrapperWidth = isH ? _this.slides.length * slideWidth : _this.width;
             slideSize = isH ? slideWidth : slideHeight;
 
-            if (params.offsetSlidesBefore>0) {
-                if (isH) _this.wrapperLeft = slideSize*params.offsetSlidesBefore;
-                else _this.wrapperTop = slideSize*params.offsetSlidesBefore;
+            if (params.offsetSlidesBefore > 0) {
+                if (isH) _this.wrapperLeft = slideSize * params.offsetSlidesBefore;
+                else _this.wrapperTop = slideSize * params.offsetSlidesBefore;
             }
-            if (params.offsetSlidesAfter>0) {
-                if (isH) _this.wrapperRight = slideSize*params.offsetSlidesAfter;
-                else _this.wrapperBottom = slideSize*params.offsetSlidesAfter;
+            if (params.offsetSlidesAfter > 0) {
+                if (isH) _this.wrapperRight = slideSize * params.offsetSlidesAfter;
+                else _this.wrapperBottom = slideSize * params.offsetSlidesAfter;
             }
-            if (params.offsetPxBefore>0) {
+            if (params.offsetPxBefore > 0) {
                 if (isH) _this.wrapperLeft = params.offsetPxBefore;
                 else _this.wrapperTop = params.offsetPxBefore;
             }
-            if (params.offsetPxAfter>0) {
+            if (params.offsetPxAfter > 0) {
                 if (isH) _this.wrapperRight = params.offsetPxAfter;
                 else _this.wrapperBottom = params.offsetPxAfter;
             }
             if (params.centeredSlides) {
                 if (isH) {
-                    _this.wrapperLeft = (containerSize - slideSize)/2;
-                    _this.wrapperRight = (containerSize - slideSize)/2;
+                    _this.wrapperLeft = (containerSize - slideSize) / 2;
+                    _this.wrapperRight = (containerSize - slideSize) / 2;
                 }
                 else {
-                    _this.wrapperTop = (containerSize - slideSize)/2;
-                    _this.wrapperBottom = (containerSize - slideSize)/2;
+                    _this.wrapperTop = (containerSize - slideSize) / 2;
+                    _this.wrapperBottom = (containerSize - slideSize) / 2;
                 }
             }
             if (isH) {
-                if (_this.wrapperLeft>0) wrapper.style.paddingLeft = _this.wrapperLeft+'px';
-                if (_this.wrapperRight>0) wrapper.style.paddingRight = _this.wrapperRight+'px';
+                if (_this.wrapperLeft > 0) wrapper.style.paddingLeft = _this.wrapperLeft + 'px';
+                if (_this.wrapperRight > 0) wrapper.style.paddingRight = _this.wrapperRight + 'px';
             }
             else {
-                if (_this.wrapperTop>0) wrapper.style.paddingTop = _this.wrapperTop+'px';
-                if (_this.wrapperBottom>0) wrapper.style.paddingBottom = _this.wrapperBottom+'px';
+                if (_this.wrapperTop > 0) wrapper.style.paddingTop = _this.wrapperTop + 'px';
+                if (_this.wrapperBottom > 0) wrapper.style.paddingBottom = _this.wrapperBottom + 'px';
             }
 
             wrapperSize = isH ? wrapperWidth + _this.wrapperRight + _this.wrapperLeft : wrapperHeight + _this.wrapperTop + _this.wrapperBottom;
-            wrapper.style.width = wrapperWidth+'px';
-            wrapper.style.height = wrapperHeight+'px';
-            var slideLeft = 0;
+            if (!params.cssWidthAndHeight) {
+                if (parseFloat(wrapperWidth) > 0) {
+                    wrapper.style.width = wrapperWidth + 'px';
+                }
+                if (parseFloat(wrapperHeight) > 0) {
+                    wrapper.style.height = wrapperHeight + 'px';
+                }
+            }
+            slideLeft = 0;
             _this.snapGrid = [];
             _this.slidesGrid = [];
-            for (var i=0; i<_this.slides.length; i++) {
+            for (i = 0; i < _this.slides.length; i++) {
                 _this.snapGrid.push(slideLeft);
                 _this.slidesGrid.push(slideLeft);
-                slideLeft+=slideSize;
-                _this.slides[i].style.width = slideWidth+'px';
-                _this.slides[i].style.height = slideHeight+'px';
+                slideLeft += slideSize;
+                if (!params.cssWidthAndHeight) {
+                    if (parseFloat(slideWidth) > 0) {
+                        _this.slides[i].style.width = slideWidth + 'px';
+                    }
+                    if (parseFloat(slideHeight) > 0) {
+                        _this.slides[i].style.height = slideHeight + 'px';
+                    }
+                }
             }
 
         }
 
         if (!_this.initialized) {
             _this.callPlugins('onFirstInit');
-            if (params.onFirstInit) params.onFirstInit(_this);
+            if (params.onFirstInit) _this.fireCallback(params.onFirstInit, _this);
         }
         else {
             _this.callPlugins('onInit');
-            if (params.onInit) params.onInit(_this);
+            if (params.onInit) _this.fireCallback(params.onInit, _this);
         }
         _this.initialized = true;
-    }
+    };
+
     _this.reInit = function (forceCalcSlides) {
         _this.init(true, forceCalcSlides);
-    }
-    _this.resizeFix = function(reInit){
+    };
+
+    _this.resizeFix = function (reInit) {
         _this.callPlugins('beforeResizeFix');
-        _this.init(params.resizeReInit||reInit);
+
+        _this.init(params.resizeReInit || reInit);
+
+        // swipe to active slide in fixed mode
         if (!params.freeMode) {
-            if (params.loop) _this.swipeTo(_this.activeLoopIndex, 0, false);
-            else _this.swipeTo(_this.activeIndex, 0, false);
-        }
-        else {
-            var pos = isH ? _this.getWrapperTranslate('x') : _this.getWrapperTranslate('y');
-            if (pos < -maxWrapperPosition()) {
-                var x = isH ? -maxWrapperPosition() : 0;
-                var y = isH ? 0 : -maxWrapperPosition();
-                _this.setWrapperTransition(0);
-                _this.setWrapperTranslate(x,y,0);
+            _this.swipeTo((params.loop ? _this.activeLoopIndex : _this.activeIndex), 0, false);
+            // Fix autoplay
+            if (params.autoplay) {
+                if (_this.support.transitions && typeof autoplayTimeoutId !== 'undefined') {
+                    if (typeof autoplayTimeoutId !== 'undefined') {
+                        clearTimeout(autoplayTimeoutId);
+                        autoplayTimeoutId = undefined;
+                        _this.startAutoplay();
+                    }
+                }
+                else {
+                    if (typeof autoplayIntervalId !== 'undefined') {
+                        clearInterval(autoplayIntervalId);
+                        autoplayIntervalId = undefined;
+                        _this.startAutoplay();
+                    }
+                }
             }
         }
+        // move wrapper to the beginning in free mode
+        else if (_this.getWrapperTranslate() < -maxWrapperPosition()) {
+            _this.setWrapperTransition(0);
+            _this.setWrapperTranslate(-maxWrapperPosition());
+        }
+
         _this.callPlugins('afterResizeFix');
-    }
+    };
 
     /*==========================================
         Max and Min Positions
@@ -753,13 +861,10 @@ var Swiper = function (selector, params) {
             a = wrapperSize - containerSize;
         }
         // if (params.loop) a -= containerSize;
-        if (params.slidesPerView > _this.slides.length) a = 0;
-        if (a<0) a = 0;
-        return a;
-    }
-    function minWrapperPosition() {
-        var a = 0;
-        // if (params.loop) a = containerSize;
+        if (params.slidesPerView > _this.slides.length && !params.centeredSlides) {
+            a = 0;
+        }
+        if (a < 0) a = 0;
         return a;
     }
 
@@ -767,100 +872,105 @@ var Swiper = function (selector, params) {
         Event Listeners
     ============================================*/
     function initEvents() {
+        var bind = _this.h.addEventListener;
+        var eventTarget = params.eventTarget === 'wrapper' ? _this.wrapper : _this.container;
         //Touch Events
-        if (!_this.browser.ie10) {
+        if (! (_this.browser.ie10 || _this.browser.ie11)) {
             if (_this.support.touch) {
-                _this.h.addEventListener(_this.wrapper, 'touchstart', onTouchStart, false);
-                _this.h.addEventListener(_this.wrapper, 'touchmove', onTouchMove, false);
-                _this.h.addEventListener(_this.wrapper, 'touchend', onTouchEnd, false);
+                bind(eventTarget, 'touchstart', onTouchStart);
+                bind(eventTarget, 'touchmove', onTouchMove);
+                bind(eventTarget, 'touchend', onTouchEnd);
             }
             if (params.simulateTouch) {
-                _this.h.addEventListener(_this.wrapper, 'mousedown', onTouchStart, false);
-                _this.h.addEventListener(document, 'mousemove', onTouchMove, false);
-                _this.h.addEventListener(document, 'mouseup', onTouchEnd, false);
+                bind(eventTarget, 'mousedown', onTouchStart);
+                bind(document, 'mousemove', onTouchMove);
+                bind(document, 'mouseup', onTouchEnd);
             }
         }
         else {
-            _this.h.addEventListener(_this.wrapper, _this.touchEvents.touchStart, onTouchStart, false);
-            _this.h.addEventListener(document, _this.touchEvents.touchMove, onTouchMove, false);
-            _this.h.addEventListener(document, _this.touchEvents.touchEnd, onTouchEnd, false);
+            bind(eventTarget, _this.touchEvents.touchStart, onTouchStart);
+            bind(document, _this.touchEvents.touchMove, onTouchMove);
+            bind(document, _this.touchEvents.touchEnd, onTouchEnd);
         }
+
         //Resize Event
         if (params.autoResize) {
-            _this.h.addEventListener(window, 'resize', _this.resizeFix, false);
+            bind(window, 'resize', _this.resizeFix);
         }
         //Slide Events
         addSlideEvents();
         //Mousewheel
         _this._wheelEvent = false;
         if (params.mousewheelControl) {
-            if ( document.onmousewheel !== undefined ) {
-                _this._wheelEvent = "mousewheel";
+            if (document.onmousewheel !== undefined) {
+                _this._wheelEvent = 'mousewheel';
             }
             try {
-                WheelEvent("wheel");
-                _this._wheelEvent = "wheel";
+                new WheelEvent('wheel');
+                _this._wheelEvent = 'wheel';
             } catch (e) {}
-            if ( !_this._wheelEvent ) {
-                _this._wheelEvent = "DOMMouseScroll";
+            if (!_this._wheelEvent) {
+                _this._wheelEvent = 'DOMMouseScroll';
             }
 
             if (_this._wheelEvent) {
-                _this.h.addEventListener(_this.container, _this._wheelEvent, handleMousewheel, false);
+                bind(_this.container, _this._wheelEvent, handleMousewheel);
             }
         }
 
         //Keyboard
-        if (params.keyboardControl) {
-            _this.h.addEventListener(document, 'keydown', handleKeyboardKeys, false);
-        }
-        if (params.updateOnImagesReady) {
-            if (document.querySelectorAll) _this.imagesToLoad = _this.container.querySelectorAll('img');
-            else if (window.jQuery) _this.imagesToLoad = $$(_this.container).find('img');
-
-            for (var i=0; i<_this.imagesToLoad.length; i++) {
-                _loadImage(_this.imagesToLoad[i].getAttribute('src'))
-            }
-        }
         function _loadImage(src) {
             var image = new Image();
-            image.onload = function(){
-                _this.imagesLoaded++;
-                if (_this.imagesLoaded==_this.imagesToLoad.length) {
+            image.onload = function () {
+                if (_this && _this.imagesLoaded) _this.imagesLoaded++;
+                if (_this.imagesLoaded === _this.imagesToLoad.length) {
                     _this.reInit();
-                    if (params.onImagesReady) params.onImagesReady(_this);
+                    if (params.onImagesReady) _this.fireCallback(params.onImagesReady, _this);
                 }
-            }
+            };
             image.src = src;
         }
-    }
 
+        if (params.keyboardControl) {
+            bind(document, 'keydown', handleKeyboardKeys);
+        }
+        if (params.updateOnImagesReady) {
+            _this.imagesToLoad = $$('img', _this.container);
 
+            for (var i = 0; i < _this.imagesToLoad.length; i++) {
+                _loadImage(_this.imagesToLoad[i].getAttribute('src'));
+            }
+        }
+    }
 
     //Remove Event Listeners
-    _this.destroy = function(removeResizeFix){
+    _this.destroy = function () {
+        var unbind = _this.h.removeEventListener;
+        var eventTarget = params.eventTarget === 'wrapper' ? _this.wrapper : _this.container;
         //Touch Events
-        if (!_this.browser.ie10) {
+        if (! (_this.browser.ie10 || _this.browser.ie11)) {
             if (_this.support.touch) {
-                _this.h.removeEventListener(_this.wrapper, 'touchstart', onTouchStart, false);
-                _this.h.removeEventListener(_this.wrapper, 'touchmove', onTouchMove, false);
-                _this.h.removeEventListener(_this.wrapper, 'touchend', onTouchEnd, false);
+                unbind(eventTarget, 'touchstart', onTouchStart);
+                unbind(eventTarget, 'touchmove', onTouchMove);
+                unbind(eventTarget, 'touchend', onTouchEnd);
             }
             if (params.simulateTouch) {
-                _this.h.removeEventListener(_this.wrapper, 'mousedown', onTouchStart, false);
-                _this.h.removeEventListener(document, 'mousemove', onTouchMove, false);
-                _this.h.removeEventListener(document, 'mouseup', onTouchEnd, false);
+                unbind(eventTarget, 'mousedown', onTouchStart);
+                unbind(document, 'mousemove', onTouchMove);
+                unbind(document, 'mouseup', onTouchEnd);
             }
         }
         else {
-            _this.h.removeEventListener(_this.wrapper, _this.touchEvents.touchStart, onTouchStart, false);
-            _this.h.removeEventListener(document, _this.touchEvents.touchMove, onTouchMove, false);
-            _this.h.removeEventListener(document, _this.touchEvents.touchEnd, onTouchEnd, false);
+            unbind(eventTarget, _this.touchEvents.touchStart, onTouchStart);
+            unbind(document, _this.touchEvents.touchMove, onTouchMove);
+            unbind(document, _this.touchEvents.touchEnd, onTouchEnd);
         }
+
         //Resize Event
         if (params.autoResize) {
-            _this.h.removeEventListener(window, 'resize', _this.resizeFix, false);
+            unbind(window, 'resize', _this.resizeFix);
         }
+
         //Init Slide Events
         removeSlideEvents();
 
@@ -871,12 +981,12 @@ var Swiper = function (selector, params) {
 
         //Mousewheel
         if (params.mousewheelControl && _this._wheelEvent) {
-           _this.h.removeEventListener(_this.container, _this._wheelEvent, handleMousewheel, false);
+            unbind(_this.container, _this._wheelEvent, handleMousewheel);
         }
 
         //Keyboard
         if (params.keyboardControl) {
-            _this.h.removeEventListener(document, 'keydown', handleKeyboardKeys, false);
+            unbind(document, 'keydown', handleKeyboardKeys);
         }
 
         //Stop autoplay
@@ -887,83 +997,79 @@ var Swiper = function (selector, params) {
 
         //Destroy variable
         _this = null;
-    }
+    };
+
     function addSlideEvents() {
+        var bind = _this.h.addEventListener,
+            i;
+
         //Prevent Links Events
         if (params.preventLinks) {
-            var links = [];
-            if (document.querySelectorAll) {
-                links = _this.container.querySelectorAll('a');
-            }
-            else if (window.jQuery) {
-                links = $$(_this.container).find('a');
-            }
-            for (var i=0; i<links.length; i++) {
-                _this.h.addEventListener(links[i], 'click', preventClick, false);
+            var links = $$('a', _this.container);
+            for (i = 0; i < links.length; i++) {
+                bind(links[i], 'click', preventClick);
             }
         }
         //Release Form Elements
         if (params.releaseFormElements) {
-            var formElements = document.querySelectorAll ? _this.container.querySelectorAll('input, textarea, select') : $$(_this.container).find('input, textarea, select');
-            for (var i=0; i<formElements.length; i++) {
-                _this.h.addEventListener(formElements[i], _this.touchEvents.touchStart, releaseForms, true);
+            var formElements = $$('input, textarea, select', _this.container);
+            for (i = 0; i < formElements.length; i++) {
+                bind(formElements[i], _this.touchEvents.touchStart, releaseForms, true);
             }
         }
 
         //Slide Clicks & Touches
         if (params.onSlideClick) {
-            for (var i=0; i<_this.slides.length; i++) {
-                _this.h.addEventListener(_this.slides[i], 'click', slideClick, false);
+            for (i = 0; i < _this.slides.length; i++) {
+                bind(_this.slides[i], 'click', slideClick);
             }
         }
         if (params.onSlideTouch) {
-            for (var i=0; i<_this.slides.length; i++) {
-                _this.h.addEventListener(_this.slides[i], _this.touchEvents.touchStart, slideTouch, false);
+            for (i = 0; i < _this.slides.length; i++) {
+                bind(_this.slides[i], _this.touchEvents.touchStart, slideTouch);
             }
         }
     }
     function removeSlideEvents() {
+        var unbind = _this.h.removeEventListener,
+            i;
+
         //Slide Clicks & Touches
         if (params.onSlideClick) {
-            for (var i=0; i<_this.slides.length; i++) {
-                _this.h.removeEventListener(_this.slides[i], 'click', slideClick, false);
+            for (i = 0; i < _this.slides.length; i++) {
+                unbind(_this.slides[i], 'click', slideClick);
             }
         }
         if (params.onSlideTouch) {
-            for (var i=0; i<_this.slides.length; i++) {
-                _this.h.removeEventListener(_this.slides[i], _this.touchEvents.touchStart, slideTouch, false);
+            for (i = 0; i < _this.slides.length; i++) {
+                unbind(_this.slides[i], _this.touchEvents.touchStart, slideTouch);
             }
         }
         //Release Form Elements
         if (params.releaseFormElements) {
-            var formElements = document.querySelectorAll ? _this.container.querySelectorAll('input, textarea, select') : $$(_this.container).find('input, textarea, select');
-            for (var i=0; i<formElements.length; i++) {
-                _this.h.removeEventListener(formElements[i], _this.touchEvents.touchStart, releaseForms, true);
+            var formElements = $$('input, textarea, select', _this.container);
+            for (i = 0; i < formElements.length; i++) {
+                unbind(formElements[i], _this.touchEvents.touchStart, releaseForms, true);
             }
         }
         //Prevent Links Events
         if (params.preventLinks) {
-            var links = [];
-            if (document.querySelectorAll) {
-                links = _this.container.querySelectorAll('a');
-            }
-            else if (window.jQuery) {
-                links = $$(_this.container).find('a');
-            }
-            for (var i=0; i<links.length; i++) {
-                _this.h.removeEventListener(links[i], 'click', preventClick, false);
+            var links = $$('a', _this.container);
+            for (i = 0; i < links.length; i++) {
+                unbind(links[i], 'click', preventClick);
             }
         }
     }
     /*==========================================
         Keyboard Control
     ============================================*/
-    function handleKeyboardKeys (e) {
+    function handleKeyboardKeys(e) {
         var kc = e.keyCode || e.charCode;
-        if (kc==37 || kc==39 || kc==38 || kc==40) {
+        if (e.shiftKey || e.altKey || e.ctrlKey || e.metaKey) return;
+        if (kc === 37 || kc === 39 || kc === 38 || kc === 40) {
             var inView = false;
             //Check that swiper should be inside of visible area of window
-            var swiperOffset = _this.h.getOffset( _this.container );
+            var swiperOffset = _this.h.getOffset(_this.container);
             var scrollLeft = _this.h.windowScroll().left;
             var scrollTop = _this.h.windowScroll().top;
             var windowWidth = _this.h.windowWidth();
@@ -973,12 +1079,12 @@ var Swiper = function (selector, params) {
                 [swiperOffset.left + _this.width, swiperOffset.top],
                 [swiperOffset.left, swiperOffset.top + _this.height],
                 [swiperOffset.left + _this.width, swiperOffset.top + _this.height]
-            ]
-            for (var i=0; i<swiperCoord.length; i++) {
+            ];
+            for (var i = 0; i < swiperCoord.length; i++) {
                 var point = swiperCoord[i];
                 if (
-                    point[0]>=scrollLeft && point[0]<=scrollLeft+windowWidth &&
-                    point[1]>=scrollTop && point[1]<=scrollTop+windowHeight
+                    point[0] >= scrollLeft && point[0] <= scrollLeft + windowWidth &&
+                    point[1] >= scrollTop && point[1] <= scrollTop + windowHeight
                 ) {
                     inView = true;
                 }
@@ -987,68 +1093,103 @@ var Swiper = function (selector, params) {
             if (!inView) return;
         }
         if (isH) {
-            if (kc==37 || kc==39) {
+            if (kc === 37 || kc === 39) {
                 if (e.preventDefault) e.preventDefault();
                 else e.returnValue = false;
             }
-            if (kc == 39) _this.swipeNext();
-            if (kc == 37) _this.swipePrev();
+            if (kc === 39) _this.swipeNext();
+            if (kc === 37) _this.swipePrev();
         }
         else {
-            if (kc==38 || kc==40) {
+            if (kc === 38 || kc === 40) {
                 if (e.preventDefault) e.preventDefault();
                 else e.returnValue = false;
             }
-            if (kc == 40) _this.swipeNext();
-            if (kc == 38) _this.swipePrev();
+            if (kc === 40) _this.swipeNext();
+            if (kc === 38) _this.swipePrev();
         }
     }
 
+    _this.disableKeyboardControl = function () {
+        params.keyboardControl = false;
+        _this.h.removeEventListener(document, 'keydown', handleKeyboardKeys);
+    };
+
+    _this.enableKeyboardControl = function () {
+        params.keyboardControl = true;
+        _this.h.addEventListener(document, 'keydown', handleKeyboardKeys);
+    };
+
     /*==========================================
         Mousewheel Control
     ============================================*/
-    var allowScrollChange = true;
-    function handleMousewheel (e) {
+    var lastScrollTime = (new Date()).getTime();
+    function handleMousewheel(e) {
         var we = _this._wheelEvent;
-        var delta;
+        var delta = 0;
+
         //Opera & IE
         if (e.detail) delta = -e.detail;
         //WebKits
-        else if (we == 'mousewheel') delta = e.wheelDelta;
+        else if (we === 'mousewheel') {
+            if (params.mousewheelControlForceToAxis) {
+                if (isH) {
+                    if (Math.abs(e.wheelDeltaX) > Math.abs(e.wheelDeltaY)) delta = e.wheelDeltaX;
+                    else return;
+                }
+                else {
+                    if (Math.abs(e.wheelDeltaY) > Math.abs(e.wheelDeltaX)) delta = e.wheelDeltaY;
+                    else return;
+                }
+            }
+            else {
+                delta = e.wheelDelta;
+            }
+        }
         //Old FireFox
-        else if (we == 'DOMMouseScroll') delta = -e.detail;
+        else if (we === 'DOMMouseScroll') delta = -e.detail;
         //New FireFox
-        else if (we == 'wheel') {
-            delta = Math.abs(e.deltaX)>Math.abs(e.deltaY) ? - e.deltaX : - e.deltaY;
+        else if (we === 'wheel') {
+            if (params.mousewheelControlForceToAxis) {
+                if (isH) {
+                    if (Math.abs(e.deltaX) > Math.abs(e.deltaY)) delta = -e.deltaX;
+                    else return;
+                }
+                else {
+                    if (Math.abs(e.deltaY) > Math.abs(e.deltaX)) delta = -e.deltaY;
+                    else return;
+                }
+            }
+            else {
+                delta = Math.abs(e.deltaX) > Math.abs(e.deltaY) ? - e.deltaX : - e.deltaY;
+            }
         }
+
         if (!params.freeMode) {
-            if(delta<0) _this.swipeNext();
-            else _this.swipePrev();
+            if ((new Date()).getTime() - lastScrollTime > 60) {
+                if (delta < 0) _this.swipeNext();
+                else _this.swipePrev();
+            }
+            lastScrollTime = (new Date()).getTime();
+
         }
         else {
             //Freemode or scrollContainer:
-            var currentTransform =isH ? _this.getWrapperTranslate('x') : _this.getWrapperTranslate('y');
-            var x,y;
-            if (isH) {
-                x = _this.getWrapperTranslate('x') + delta;
-                y = _this.getWrapperTranslate('y');
-                if (x>0) x = 0;
-                if (x<-maxWrapperPosition()) x = -maxWrapperPosition();
-            }
-            else {
-                x = _this.getWrapperTranslate('x');
-                y = _this.getWrapperTranslate('y')+delta;
-                if (y>0) y = 0;
-                if (y<-maxWrapperPosition()) y = -maxWrapperPosition();
-            }
+            var position = _this.getWrapperTranslate() + delta;
+
+            if (position > 0) position = 0;
+            if (position < -maxWrapperPosition()) position = -maxWrapperPosition();
+
             _this.setWrapperTransition(0);
-            _this.setWrapperTranslate(x,y,0);
-            if (isH) _this.updateActiveSlide(x);
-            else _this.updateActiveSlide(y);
+            _this.setWrapperTranslate(position);
+            _this.updateActiveSlide(position);
+
+            // Return page scroll on edge positions
+            if (position === 0 || position === -maxWrapperPosition()) return;
         }
-        if (params.autoplay) _this.stopAutoplay();
+        if (params.autoplay) _this.stopAutoplay(true);
 
-        if(e.preventDefault) e.preventDefault();
+        if (e.preventDefault) e.preventDefault();
         else e.returnValue = false;
         return false;
     }
@@ -1057,51 +1198,59 @@ var Swiper = function (selector, params) {
       Grab Cursor
       ===========================*/
     if (params.grabCursor) {
-        _this.container.style.cursor = 'move';
-        _this.container.style.cursor = 'grab';
-        _this.container.style.cursor = '-moz-grab';
-        _this.container.style.cursor = '-webkit-grab';
+        var containerStyle = _this.container.style;
+        containerStyle.cursor = 'move';
+        containerStyle.cursor = 'grab';
+        containerStyle.cursor = '-moz-grab';
+        containerStyle.cursor = '-webkit-grab';
     }
 
     /*=========================
       Slides Events Handlers
       ===========================*/
-    function findSlide(el) {
-        var found = false;
-        while(!found) {
-            if (el.className.indexOf(params.slideClass)>-1)
-            {
-                found = el;
-            }
-            el = el.parentElement;
-        }
-        return found;
-    }
+
     _this.allowSlideClick = true;
-    function slideClick(e) {
-        if(_this.allowSlideClick) {
-            if (!e.target) {
-                _this.clickedSlide = findSlide(e.srcElement);
-                _this.clickedSlideIndex = _this.slides.indexOf(_this.clickedSlide);    
-            }
-            else {
-                _this.clickedSlide = this;
-                _this.clickedSlideIndex = _this.slides.indexOf(this);
-            }
-            params.onSlideClick(_this);
+    function slideClick(event) {
+        if (_this.allowSlideClick) {
+            setClickedSlide(event);
+            _this.fireCallback(params.onSlideClick, _this, event);
         }
     }
-    function slideTouch(e) {
-        if (!e.target) _this.clickedSlide = findSlide(e.srcElement);
-        else _this.clickedSlide = this;
-        _this.clickedSlideIndex = _this.slides.indexOf(_this.clickedSlide);
-        params.onSlideTouch(_this);
+
+    function slideTouch(event) {
+        setClickedSlide(event);
+        _this.fireCallback(params.onSlideTouch, _this, event);
+    }
+
+    function setClickedSlide(event) {
+
+        // IE 6-8 support
+        if (!event.currentTarget) {
+            var element = event.srcElement;
+            do {
+                if (element.className.indexOf(params.slideClass) > -1) {
+                    break;
+                }
+                element = element.parentNode;
+            } while (element);
+            _this.clickedSlide = element;
+        }
+        else {
+            _this.clickedSlide = event.currentTarget;
+        }
+
+        _this.clickedSlideIndex     = _this.slides.indexOf(_this.clickedSlide);
+        _this.clickedSlideLoopIndex = _this.clickedSlideIndex - (_this.loopedSlides || 0);
     }
+
     _this.allowLinks = true;
     function preventClick(e) {
         if (!_this.allowLinks) {
-            if(e.preventDefault) e.preventDefault();
+            if (e.preventDefault) e.preventDefault();
             else e.returnValue = false;
+            if (params.preventLinksPropagation && 'stopPropagation' in e) {
+                e.stopPropagation();
+            }
             return false;
         }
     }
@@ -1109,6 +1258,7 @@ var Swiper = function (selector, params) {
         if (e.stopPropagation) e.stopPropagation();
         else e.returnValue = false;
         return false;
+
     }
 
     /*==================================================
@@ -1126,17 +1276,15 @@ var Swiper = function (selector, params) {
 
         if (params.noSwiping && (event.target || event.srcElement) && noSwipingSlide(event.target || event.srcElement)) return false;
         allowMomentumBounce = false;
-
         //Check For Nested Swipers
         _this.isTouched = true;
-        isTouchEvent = event.type=='touchstart';
+        isTouchEvent = event.type === 'touchstart';
 
-        if (!isTouchEvent || event.targetTouches.length == 1 ) {
-            if (params.loop) _this.fixLoop();
+        if (!isTouchEvent || event.targetTouches.length === 1) {
             _this.callPlugins('onTouchStartBegin');
 
-            if(!isTouchEvent) {
-                if(event.preventDefault) event.preventDefault();
+            if (!isTouchEvent && !_this.isAndroid) {
+                if (event.preventDefault) event.preventDefault();
                 else event.returnValue = false;
             }
 
@@ -1147,21 +1295,16 @@ var Swiper = function (selector, params) {
             _this.touches.startX = _this.touches.currentX = pageX;
             _this.touches.startY = _this.touches.currentY = pageY;
 
-            _this.touches.start = _this.touches.current = isH ? pageX : pageY ;
+            _this.touches.start = _this.touches.current = isH ? pageX : pageY;
 
             //Set Transition Time to 0
             _this.setWrapperTransition(0);
 
             //Get Start Translate Position
-            _this.positions.start = _this.positions.current = isH ? _this.getWrapperTranslate('x') : _this.getWrapperTranslate('y');
+            _this.positions.start = _this.positions.current = _this.getWrapperTranslate();
 
             //Set Transform
-            if (isH) {
-                _this.setWrapperTranslate( _this.positions.start, 0, 0);
-            }
-            else {
-                _this.setWrapperTranslate( 0, _this.positions.start, 0);
-            }
+            _this.setWrapperTranslate(_this.positions.start);
 
             //TouchStartTime
             _this.times.start = (new Date()).getTime();
@@ -1170,10 +1313,12 @@ var Swiper = function (selector, params) {
             isScrolling = undefined;
 
             //Set Treshold
-            if (params.moveStartThreshold>0) allowThresholdMove = false;
+            if (params.moveStartThreshold > 0) {
+                allowThresholdMove = false;
+            }
 
             //CallBack
-            if (params.onTouchStart) params.onTouchStart(_this);
+            if (params.onTouchStart) _this.fireCallback(params.onTouchStart, _this);
             _this.callPlugins('onTouchStartEnd');
 
         }
@@ -1182,33 +1327,30 @@ var Swiper = function (selector, params) {
     function onTouchMove(event) {
         // If slider is not touched - exit
         if (!_this.isTouched || params.onlyExternal) return;
-        if (isTouchEvent && event.type=='mousemove') return;
+        if (isTouchEvent && event.type === 'mousemove') return;
 
         var pageX = isTouchEvent ? event.targetTouches[0].pageX : (event.pageX || event.clientX);
         var pageY = isTouchEvent ? event.targetTouches[0].pageY : (event.pageY || event.clientY);
 
         //check for scrolling
-        if ( typeof isScrolling === 'undefined' && isH) {
-          isScrolling = !!( isScrolling || Math.abs(pageY - _this.touches.startY) > Math.abs( pageX - _this.touches.startX ) );
+        if (typeof isScrolling === 'undefined' && isH) {
+            isScrolling = !!(isScrolling || Math.abs(pageY - _this.touches.startY) > Math.abs(pageX - _this.touches.startX));
         }
-        if ( typeof isScrolling === 'undefined' && !isH) {
-          isScrolling = !!( isScrolling || Math.abs(pageY - _this.touches.startY) < Math.abs( pageX - _this.touches.startX ) );
+        if (typeof isScrolling === 'undefined' && !isH) {
+            isScrolling = !!(isScrolling || Math.abs(pageY - _this.touches.startY) < Math.abs(pageX - _this.touches.startX));
         }
-        if (isScrolling ) {
+        if (isScrolling) {
             _this.isTouched = false;
-            return
+            return;
         }
 
         //Check For Nested Swipers
         if (event.assignedToSwiper) {
             _this.isTouched = false;
-            return
+            return;
         }
         event.assignedToSwiper = true;
 
-        //Moved Flag
-        _this.isMoved = true;
-
         //Block inner links
         if (params.preventLinks) {
             _this.allowLinks = false;
@@ -1219,71 +1361,86 @@ var Swiper = function (selector, params) {
 
         //Stop AutoPlay if exist
         if (params.autoplay) {
-            _this.stopAutoplay();
+            _this.stopAutoplay(true);
         }
-        if (!isTouchEvent || event.touches.length == 1) {
+        if (!isTouchEvent || event.touches.length === 1) {
 
-            _this.callPlugins('onTouchMoveStart');
-            if(event.preventDefault) event.preventDefault();
+            //Moved Flag
+            if (!_this.isMoved) {
+                _this.callPlugins('onTouchMoveStart');
+
+                if (params.loop) {
+                    _this.fixLoop();
+                    _this.positions.start = _this.getWrapperTranslate();
+                }
+                if (params.onTouchMoveStart) _this.fireCallback(params.onTouchMoveStart, _this);
+            }
+            _this.isMoved = true;
+
+            // cancel event
+            if (event.preventDefault) event.preventDefault();
             else event.returnValue = false;
 
-            _this.touches.current = isH ? pageX : pageY ;
+            _this.touches.current = isH ? pageX : pageY;
 
             _this.positions.current = (_this.touches.current - _this.touches.start) * params.touchRatio + _this.positions.start;
 
             //Resistance Callbacks
-            if(_this.positions.current > 0 && params.onResistanceBefore) {
-                params.onResistanceBefore(_this, _this.positions.current);
+            if (_this.positions.current > 0 && params.onResistanceBefore) {
+                _this.fireCallback(params.onResistanceBefore, _this, _this.positions.current);
             }
-            if(_this.positions.current < -maxWrapperPosition() && params.onResistanceAfter) {
-                params.onResistanceAfter(_this, Math.abs(_this.positions.current + maxWrapperPosition()));
+            if (_this.positions.current < -maxWrapperPosition() && params.onResistanceAfter) {
+                _this.fireCallback(params.onResistanceAfter, _this, Math.abs(_this.positions.current + maxWrapperPosition()));
             }
             //Resistance
-            if (params.resistance && params.resistance!='100%') {
+            if (params.resistance && params.resistance !== '100%') {
+                var resistance;
                 //Resistance for Negative-Back sliding
-                if(_this.positions.current > 0) {
-                    var resistance = 1 - _this.positions.current/containerSize/2;
+                if (_this.positions.current > 0) {
+                    resistance = 1 - _this.positions.current / containerSize / 2;
                     if (resistance < 0.5)
-                        _this.positions.current = (containerSize/2);
+                        _this.positions.current = (containerSize / 2);
                     else
                         _this.positions.current = _this.positions.current * resistance;
                 }
                 //Resistance for After-End Sliding
-                if ( _this.positions.current < -maxWrapperPosition() ) {
+                if (_this.positions.current < -maxWrapperPosition()) {
 
-                    var diff = (_this.touches.current - _this.touches.start)*params.touchRatio + (maxWrapperPosition()+_this.positions.start);
-                    var resistance = (containerSize+diff)/(containerSize);
-                    var newPos = _this.positions.current-diff*(1-resistance)/2;
-                    var stopPos = -maxWrapperPosition() - containerSize/2;
+                    var diff = (_this.touches.current - _this.touches.start) * params.touchRatio + (maxWrapperPosition() + _this.positions.start);
+                    resistance = (containerSize + diff) / (containerSize);
+                    var newPos = _this.positions.current - diff * (1 - resistance) / 2;
+                    var stopPos = -maxWrapperPosition() - containerSize / 2;
 
-                    if (newPos < stopPos || resistance<=0)
+                    if (newPos < stopPos || resistance <= 0)
                         _this.positions.current = stopPos;
                     else
                         _this.positions.current = newPos;
                 }
             }
-            if (params.resistance && params.resistance=='100%') {
+            if (params.resistance && params.resistance === '100%') {
                 //Resistance for Negative-Back sliding
-                if(_this.positions.current > 0 && !(params.freeMode&&!params.freeModeFluid)) {
+                if (_this.positions.current > 0 && !(params.freeMode && !params.freeModeFluid)) {
                     _this.positions.current = 0;
                 }
                 //Resistance for After-End Sliding
-                if ( (_this.positions.current) < -maxWrapperPosition() && !(params.freeMode&&!params.freeModeFluid)) {
+                if (_this.positions.current < -maxWrapperPosition() && !(params.freeMode && !params.freeModeFluid)) {
                     _this.positions.current = -maxWrapperPosition();
                 }
             }
             //Move Slides
-            if (!params.followFinger) return
+            if (!params.followFinger) return;
 
             if (!params.moveStartThreshold) {
-                if (isH) _this.setWrapperTranslate( _this.positions.current, 0, 0);
-                else _this.setWrapperTranslate( 0, _this.positions.current, 0);
+                _this.setWrapperTranslate(_this.positions.current);
             }
             else {
-                if ( Math.abs(_this.touches.current - _this.touches.start)>params.moveStartThreshold || allowThresholdMove) {
-                    allowThresholdMove = true;
-                    if (isH) _this.setWrapperTranslate( _this.positions.current, 0, 0);
-                    else _this.setWrapperTranslate( 0, _this.positions.current, 0);
+                if (Math.abs(_this.touches.current - _this.touches.start) > params.moveStartThreshold || allowThresholdMove) {
+                    if (!allowThresholdMove) {
+                        allowThresholdMove = true;
+                        _this.touches.start = _this.touches.current;
+                        return;
+                    }
+                    _this.setWrapperTranslate(_this.positions.current);
                 }
                 else {
                     _this.positions.current = _this.positions.start;
@@ -1303,14 +1460,14 @@ var Swiper = function (selector, params) {
             }
             //Velocity
             if (!velocityPrevPosition) velocityPrevPosition = _this.touches.current;
-            if (!velocityPrevTime) velocityPrevTime = (new Date).getTime();
-            _this.velocity = (_this.touches.current - velocityPrevPosition)/((new Date).getTime() - velocityPrevTime)/2;
-            if (Math.abs(_this.touches.current - velocityPrevPosition)<2) _this.velocity=0;
+            if (!velocityPrevTime) velocityPrevTime = (new Date()).getTime();
+            _this.velocity = (_this.touches.current - velocityPrevPosition) / ((new Date()).getTime() - velocityPrevTime) / 2;
+            if (Math.abs(_this.touches.current - velocityPrevPosition) < 2) _this.velocity = 0;
             velocityPrevPosition = _this.touches.current;
-            velocityPrevTime = (new Date).getTime();
+            velocityPrevTime = (new Date()).getTime();
             //Callbacks
             _this.callPlugins('onTouchMoveEnd');
-            if (params.onTouchMove) params.onTouchMove(_this);
+            if (params.onTouchMove) _this.fireCallback(params.onTouchMove, _this);
 
             return false;
         }
@@ -1321,8 +1478,8 @@ var Swiper = function (selector, params) {
             _this.swipeReset();
         }
         // If slider is not touched exit
-        if ( params.onlyExternal || !_this.isTouched ) return;
-        _this.isTouched = false
+        if (params.onlyExternal || !_this.isTouched) return;
+        _this.isTouched = false;
 
         //Return Grab Cursor
         if (params.grabCursor) {
@@ -1333,33 +1490,31 @@ var Swiper = function (selector, params) {
         }
 
         //Check for Current Position
-        if (!_this.positions.current && _this.positions.current!==0) {
-            _this.positions.current = _this.positions.start
+        if (!_this.positions.current && _this.positions.current !== 0) {
+            _this.positions.current = _this.positions.start;
         }
 
         //For case if slider touched but not moved
         if (params.followFinger) {
-            if (isH) _this.setWrapperTranslate( _this.positions.current, 0, 0)
-            else _this.setWrapperTranslate( 0, _this.positions.current, 0)
+            _this.setWrapperTranslate(_this.positions.current);
         }
-        //--
 
         // TouchEndTime
         _this.times.end = (new Date()).getTime();
 
         //Difference
-        _this.touches.diff = _this.touches.current - _this.touches.start
-        _this.touches.abs = Math.abs(_this.touches.diff)
+        _this.touches.diff = _this.touches.current - _this.touches.start;
+        _this.touches.abs = Math.abs(_this.touches.diff);
 
-        _this.positions.diff = _this.positions.current - _this.positions.start
-        _this.positions.abs = Math.abs(_this.positions.diff)
+        _this.positions.diff = _this.positions.current - _this.positions.start;
+        _this.positions.abs = Math.abs(_this.positions.diff);
 
-        var diff = _this.positions.diff ;
-        var diffAbs =_this.positions.abs ;
-        var timeDiff = _this.times.end - _this.times.start
+        var diff = _this.positions.diff;
+        var diffAbs = _this.positions.abs;
+        var timeDiff = _this.times.end - _this.times.start;
 
-        if(diffAbs < 5 && (timeDiff) < 300 && _this.allowLinks == false) {
-            if (!params.freeMode && diffAbs!=0) _this.swipeReset()
+        if (diffAbs < 5 && (timeDiff) < 300 && _this.allowLinks === false) {
+            if (!params.freeMode && diffAbs !== 0) _this.swipeReset();
             //Release inner links
             if (params.preventLinks) {
                 _this.allowLinks = true;
@@ -1368,7 +1523,8 @@ var Swiper = function (selector, params) {
                 _this.allowSlideClick = true;
             }
         }
-        setTimeout(function(){
+
+        setTimeout(function () {
             //Release inner links
             if (params.preventLinks) {
                 _this.allowLinks = true;
@@ -1376,140 +1532,131 @@ var Swiper = function (selector, params) {
             if (params.onSlideClick) {
                 _this.allowSlideClick = true;
             }
-        },100)
-
-        //Exit if not moved
-        if (!_this.isMoved) {
-            _this.isMoved = false;
-            if (params.onTouchEnd) params.onTouchEnd(_this)
-            _this.callPlugins('onTouchEnd');
-            _this.swipeReset();
-            return;
-        }
-        _this.isMoved = false;
+        }, 100);
 
         var maxPosition = maxWrapperPosition();
 
-        //Prevent Negative Back Sliding
-        if (_this.positions.current > 0) {
-            _this.swipeReset()
-            if (params.onTouchEnd) params.onTouchEnd(_this)
+        //Not moved or Prevent Negative Back Sliding/After-End Sliding
+        if (!_this.isMoved && params.freeMode) {
+            _this.isMoved = false;
+            if (params.onTouchEnd) _this.fireCallback(params.onTouchEnd, _this);
             _this.callPlugins('onTouchEnd');
             return;
         }
-        //Prevent After-End Sliding
-        if (_this.positions.current < -maxPosition) {
-            _this.swipeReset()
-            if (params.onTouchEnd) params.onTouchEnd(_this)
+        if (!_this.isMoved || _this.positions.current > 0 || _this.positions.current < -maxPosition) {
+            _this.swipeReset();
+            if (params.onTouchEnd) _this.fireCallback(params.onTouchEnd, _this);
             _this.callPlugins('onTouchEnd');
             return;
         }
 
+        _this.isMoved = false;
+
         //Free Mode
         if (params.freeMode) {
-            if ( params.freeModeFluid ) {
-                var momentumDuration = 1000*params.momentumRatio;
-                var momentumDistance = _this.velocity*momentumDuration;
-                var newPosition = _this.positions.current + momentumDistance
+            if (params.freeModeFluid) {
+                var momentumDuration = 1000 * params.momentumRatio;
+                var momentumDistance = _this.velocity * momentumDuration;
+                var newPosition = _this.positions.current + momentumDistance;
                 var doBounce = false;
                 var afterBouncePosition;
-                var bounceAmount = Math.abs( _this.velocity )*20*params.momentumBounceRatio;
+                var bounceAmount = Math.abs(_this.velocity) * 20 * params.momentumBounceRatio;
                 if (newPosition < -maxPosition) {
                     if (params.momentumBounce && _this.support.transitions) {
-                        if (newPosition + maxPosition < -bounceAmount) newPosition = -maxPosition-bounceAmount;
+                        if (newPosition + maxPosition < -bounceAmount) newPosition = -maxPosition - bounceAmount;
                         afterBouncePosition = -maxPosition;
-                        doBounce=true;
+                        doBounce = true;
                         allowMomentumBounce = true;
                     }
                     else newPosition = -maxPosition;
                 }
                 if (newPosition > 0) {
                     if (params.momentumBounce && _this.support.transitions) {
-                        if (newPosition>bounceAmount) newPosition = bounceAmount;
-                        afterBouncePosition = 0
+                        if (newPosition > bounceAmount) newPosition = bounceAmount;
+                        afterBouncePosition = 0;
                         doBounce = true;
                         allowMomentumBounce = true;
                     }
                     else newPosition = 0;
                 }
                 //Fix duration
-                if (_this.velocity!=0) momentumDuration = Math.abs((newPosition - _this.positions.current)/_this.velocity)
+                if (_this.velocity !== 0) momentumDuration = Math.abs((newPosition - _this.positions.current) / _this.velocity);
 
-                if (isH) _this.setWrapperTranslate( newPosition, 0, 0);
-                else _this.setWrapperTranslate( 0, newPosition, 0);
+                _this.setWrapperTranslate(newPosition);
 
-                _this.setWrapperTransition( momentumDuration );
+                _this.setWrapperTransition(momentumDuration);
 
                 if (params.momentumBounce && doBounce) {
-                    _this.wrapperTransitionEnd(function(){
+                    _this.wrapperTransitionEnd(function () {
                         if (!allowMomentumBounce) return;
-                        if (params.onMomentumBounce) params.onMomentumBounce(_this);
-                        if (isH) _this.setWrapperTranslate(afterBouncePosition, 0, 0);
-                        else _this.setWrapperTranslate(0, afterBouncePosition, 0);
+                        if (params.onMomentumBounce) _this.fireCallback(params.onMomentumBounce, _this);
+                        _this.callPlugins('onMomentumBounce');
+
+                        _this.setWrapperTranslate(afterBouncePosition);
                         _this.setWrapperTransition(300);
-                    })
+                    });
                 }
 
-                _this.updateActiveSlide(newPosition)
+                _this.updateActiveSlide(newPosition);
             }
-            if (!params.freeModeFluid || timeDiff >= 300) _this.updateActiveSlide(_this.positions.current)
+            if (!params.freeModeFluid || timeDiff >= 300) _this.updateActiveSlide(_this.positions.current);
 
-            if (params.onTouchEnd) params.onTouchEnd(_this)
+            if (params.onTouchEnd) _this.fireCallback(params.onTouchEnd, _this);
             _this.callPlugins('onTouchEnd');
             return;
         }
 
         //Direction
-        direction = diff < 0 ? "toNext" : "toPrev"
+        direction = diff < 0 ? 'toNext' : 'toPrev';
 
         //Short Touches
-        if (direction=="toNext" && ( timeDiff <= 300 ) ) {
-            if (diffAbs < 30 || !params.shortSwipes) _this.swipeReset()
+        if (direction === 'toNext' && (timeDiff <= 300)) {
+            if (diffAbs < 30 || !params.shortSwipes) _this.swipeReset();
             else _this.swipeNext(true);
         }
 
-        if (direction=="toPrev" && ( timeDiff <= 300 ) ) {
-            if (diffAbs < 30 || !params.shortSwipes) _this.swipeReset()
+        if (direction === 'toPrev' && (timeDiff <= 300)) {
+            if (diffAbs < 30 || !params.shortSwipes) _this.swipeReset();
             else _this.swipePrev(true);
         }
 
         //Long Touches
         var targetSlideSize = 0;
-        if(params.slidesPerView == 'auto') {
+        if (params.slidesPerView === 'auto') {
             //Define current slide's width
-            var currentPosition = Math.abs( isH ? _this.getWrapperTranslate('x') : _this.getWrapperTranslate('y') );
+            var currentPosition = Math.abs(_this.getWrapperTranslate());
             var slidesOffset = 0;
             var _slideSize;
-            for (var i=0; i<_this.slides.length; i++) {
+            for (var i = 0; i < _this.slides.length; i++) {
                 _slideSize = isH ? _this.slides[i].getWidth(true) : _this.slides[i].getHeight(true);
-                slidesOffset+= _slideSize;
-                if (slidesOffset>currentPosition) {
+                slidesOffset += _slideSize;
+                if (slidesOffset > currentPosition) {
                     targetSlideSize = _slideSize;
                     break;
                 }
             }
-            if (targetSlideSize>containerSize) targetSlideSize = containerSize;
+            if (targetSlideSize > containerSize) targetSlideSize = containerSize;
         }
         else {
             targetSlideSize = slideSize * params.slidesPerView;
         }
-        if (direction=="toNext" && ( timeDiff > 300 ) ) {
-            if (diffAbs >= targetSlideSize*0.5) {
-                _this.swipeNext(true)
+        if (direction === 'toNext' && (timeDiff > 300)) {
+            if (diffAbs >= targetSlideSize * params.longSwipesRatio) {
+                _this.swipeNext(true);
             }
             else {
-                _this.swipeReset()
+                _this.swipeReset();
             }
         }
-        if (direction=="toPrev" && ( timeDiff > 300 ) ) {
-            if (diffAbs >= targetSlideSize*0.5) {
+        if (direction === 'toPrev' && (timeDiff > 300)) {
+            if (diffAbs >= targetSlideSize * params.longSwipesRatio) {
                 _this.swipePrev(true);
             }
             else {
-                _this.swipeReset()
+                _this.swipeReset();
             }
         }
-        if (params.onTouchEnd) params.onTouchEnd(_this)
+        if (params.onTouchEnd) _this.fireCallback(params.onTouchEnd, _this);
         _this.callPlugins('onTouchEnd');
     }
 
@@ -1517,7 +1664,7 @@ var Swiper = function (selector, params) {
     /*==================================================
         noSwiping Bubble Check by Isaac Strack
     ====================================================*/
-    function noSwipingSlide(el){
+    function noSwipingSlide(el) {
         /*This function is specifically designed to check the parent elements for the noSwiping class, up to the wrapper.
         We need to check parents because while onTouchStart bubbles, _this.isTouched is checked in onTouchStart, which stops the bubbling.
         So, if a text box, for example, is the initial target, and the parent slide container has the noSwiping class, the _this.isTouched
@@ -1526,204 +1673,225 @@ var Swiper = function (selector, params) {
 
         // First we create a truthy variable, which is that swiping is allowd (noSwiping = false)
         var noSwiping = false;
-    
+
         // Now we iterate up (parentElements) until we reach the node with the wrapperClass.
-        do{
+        do {
 
             // Each time, we check to see if there's a 'swiper-no-swiping' class (noSwipingClass).
-            if (el.className.indexOf(params.noSwipingClass)>-1)
+            if (el.className.indexOf(params.noSwipingClass) > -1)
             {
                 noSwiping = true; // If there is, we set noSwiping = true;
             }
 
             el = el.parentElement;  // now we iterate up (parent node)
 
-        } while(!noSwiping && el.parentElement && el.className.indexOf(params.wrapperClass)==-1); // also include el.parentElement truthy, just in case.
+        } while (!noSwiping && el.parentElement && el.className.indexOf(params.wrapperClass) === -1); // also include el.parentElement truthy, just in case.
 
         // because we didn't check the wrapper itself, we do so now, if noSwiping is false:
-        if (!noSwiping && el.className.indexOf(params.wrapperClass)>-1 && el.className.indexOf(params.noSwipingClass)>-1)
+        if (!noSwiping && el.className.indexOf(params.wrapperClass) > -1 && el.className.indexOf(params.noSwipingClass) > -1)
             noSwiping = true; // if the wrapper has the noSwipingClass, we set noSwiping = true;
 
         return noSwiping;
     }
 
+    function addClassToHtmlString(klass, outerHtml) {
+        var par = document.createElement('div');
+        var child;
+
+        par.innerHTML = outerHtml;
+        child = par.firstChild;
+        child.className += ' ' + klass;
+
+        return child.outerHTML;
+    }
+
+
     /*==================================================
         Swipe Functions
     ====================================================*/
-    _this.swipeNext = function(internal){
+    _this.swipeNext = function (internal) {
         if (!internal && params.loop) _this.fixLoop();
+        if (!internal && params.autoplay) _this.stopAutoplay(true);
         _this.callPlugins('onSwipeNext');
-        var currentPosition = isH ? _this.getWrapperTranslate('x') : _this.getWrapperTranslate('y');
+        var currentPosition = _this.getWrapperTranslate();
         var newPosition = currentPosition;
-        if (params.slidesPerView=='auto') {
-            for (var i=0; i<_this.snapGrid.length; i++) {
-                if (-currentPosition >= _this.snapGrid[i] && -currentPosition<_this.snapGrid[i+1]) {
-                    newPosition = -_this.snapGrid[i+1]
+        if (params.slidesPerView === 'auto') {
+            for (var i = 0; i < _this.snapGrid.length; i++) {
+                if (-currentPosition >= _this.snapGrid[i] && -currentPosition < _this.snapGrid[i + 1]) {
+                    newPosition = -_this.snapGrid[i + 1];
                     break;
                 }
             }
         }
         else {
             var groupSize = slideSize * params.slidesPerGroup;
-            newPosition = -(Math.floor(Math.abs(currentPosition)/Math.floor(groupSize))*groupSize + groupSize);
+            newPosition = -(Math.floor(Math.abs(currentPosition) / Math.floor(groupSize)) * groupSize + groupSize);
         }
-        if (newPosition < - maxWrapperPosition()) {
-            newPosition = - maxWrapperPosition()
-        };
-
-        if (newPosition == currentPosition) return false;
-
+        if (newPosition < -maxWrapperPosition()) {
+            newPosition = -maxWrapperPosition();
+        }
+        if (newPosition === currentPosition) return false;
         swipeToPosition(newPosition, 'next');
-        return true
-    }
-    _this.swipePrev = function(internal){
+        return true;
+    };
+    _this.swipePrev = function (internal) {
         if (!internal && params.loop) _this.fixLoop();
-        if (!internal && params.autoplay) _this.stopAutoplay();
+        if (!internal && params.autoplay) _this.stopAutoplay(true);
         _this.callPlugins('onSwipePrev');
 
-        var currentPosition = Math.ceil( isH ? _this.getWrapperTranslate('x') : _this.getWrapperTranslate('y') );
+        var currentPosition = Math.ceil(_this.getWrapperTranslate());
         var newPosition;
-        if (params.slidesPerView=='auto') {
+        if (params.slidesPerView === 'auto') {
             newPosition = 0;
-            for (var i=1; i<_this.snapGrid.length; i++) {
-                if (-currentPosition == _this.snapGrid[i]) {
-                    newPosition = -_this.snapGrid[i-1]
+            for (var i = 1; i < _this.snapGrid.length; i++) {
+                if (-currentPosition === _this.snapGrid[i]) {
+                    newPosition = -_this.snapGrid[i - 1];
                     break;
                 }
-                if (-currentPosition > _this.snapGrid[i] && -currentPosition<_this.snapGrid[i+1]) {
-                    newPosition = -_this.snapGrid[i]
+                if (-currentPosition > _this.snapGrid[i] && -currentPosition < _this.snapGrid[i + 1]) {
+                    newPosition = -_this.snapGrid[i];
                     break;
                 }
             }
         }
         else {
             var groupSize = slideSize * params.slidesPerGroup;
-            newPosition = -(Math.ceil(-currentPosition/groupSize)-1)*groupSize;
+            newPosition = -(Math.ceil(-currentPosition / groupSize) - 1) * groupSize;
         }
 
         if (newPosition > 0) newPosition = 0;
 
-        if (newPosition == currentPosition) return false;
+        if (newPosition === currentPosition) return false;
         swipeToPosition(newPosition, 'prev');
         return true;
 
-    }
-    _this.swipeReset = function(){
+    };
+    _this.swipeReset = function () {
         _this.callPlugins('onSwipeReset');
-        var currentPosition = isH ? _this.getWrapperTranslate('x') : _this.getWrapperTranslate('y');
+        var currentPosition = _this.getWrapperTranslate();
         var groupSize = slideSize * params.slidesPerGroup;
         var newPosition;
         var maxPosition = -maxWrapperPosition();
-        if (params.slidesPerView=='auto') {
+        if (params.slidesPerView === 'auto') {
             newPosition = 0;
-            for (var i=0; i<_this.snapGrid.length; i++) {
-                if (-currentPosition===_this.snapGrid[i]) return;
-                if (-currentPosition >= _this.snapGrid[i] && -currentPosition<_this.snapGrid[i+1]) {
-                    if(_this.positions.diff>0) newPosition = -_this.snapGrid[i+1]
-                    else newPosition = -_this.snapGrid[i]
+            for (var i = 0; i < _this.snapGrid.length; i++) {
+                if (-currentPosition === _this.snapGrid[i]) return;
+                if (-currentPosition >= _this.snapGrid[i] && -currentPosition < _this.snapGrid[i + 1]) {
+                    if (_this.positions.diff > 0) newPosition = -_this.snapGrid[i + 1];
+                    else newPosition = -_this.snapGrid[i];
                     break;
                 }
             }
-            if (-currentPosition >= _this.snapGrid[_this.snapGrid.length-1]) newPosition = -_this.snapGrid[_this.snapGrid.length-1];
-            if (currentPosition <= -maxWrapperPosition()) newPosition = -maxWrapperPosition()
+            if (-currentPosition >= _this.snapGrid[_this.snapGrid.length - 1]) newPosition = -_this.snapGrid[_this.snapGrid.length - 1];
+            if (currentPosition <= -maxWrapperPosition()) newPosition = -maxWrapperPosition();
         }
         else {
-            newPosition = currentPosition<0 ? Math.round(currentPosition/groupSize)*groupSize : 0
+            newPosition = currentPosition < 0 ? Math.round(currentPosition / groupSize) * groupSize : 0;
         }
         if (params.scrollContainer)  {
-            newPosition = currentPosition<0 ? currentPosition : 0;
+            newPosition = currentPosition < 0 ? currentPosition : 0;
         }
         if (newPosition < -maxWrapperPosition()) {
-            newPosition = -maxWrapperPosition()
+            newPosition = -maxWrapperPosition();
         }
-        if (params.scrollContainer && (containerSize>slideSize)) {
+        if (params.scrollContainer && (containerSize > slideSize)) {
             newPosition = 0;
         }
 
-        if (newPosition == currentPosition) return false;
+        if (newPosition === currentPosition) return false;
 
         swipeToPosition(newPosition, 'reset');
         return true;
-    }
-    _this.swipeTo = function(index, speed, runCallbacks){
+    };
+
+    _this.swipeTo = function (index, speed, runCallbacks) {
         index = parseInt(index, 10);
-        _this.callPlugins('onSwipeTo', {index:index, speed:speed});
+        _this.callPlugins('onSwipeTo', {index: index, speed: speed});
         if (params.loop) index = index + _this.loopedSlides;
-        var currentPosition = isH ? _this.getWrapperTranslate('x') : _this.getWrapperTranslate('y');
-        if (index > (_this.slides.length-1)) return;
-        if (index<0) return;
-        var newPosition
-        if (params.slidesPerView=='auto') {
-            newPosition = -_this.slidesGrid[ index ];
+        var currentPosition = _this.getWrapperTranslate();
+        if (index > (_this.slides.length - 1) || index < 0) return;
+        var newPosition;
+        if (params.slidesPerView === 'auto') {
+            newPosition = -_this.slidesGrid[index];
         }
         else {
-            newPosition =  -index*slideSize;
+            newPosition = -index * slideSize;
         }
         if (newPosition < - maxWrapperPosition()) {
             newPosition = - maxWrapperPosition();
-        };
+        }
 
-        if (newPosition == currentPosition) return false;
+        if (newPosition === currentPosition) return false;
 
-        runCallbacks = runCallbacks===false ? false : true;
-        swipeToPosition(newPosition, 'to', {index:index, speed:speed, runCallbacks:runCallbacks});
+        runCallbacks = runCallbacks === false ? false : true;
+        swipeToPosition(newPosition, 'to', {index: index, speed: speed, runCallbacks: runCallbacks});
         return true;
-    }
+    };
+
     function swipeToPosition(newPosition, action, toOptions) {
+        var speed = (action === 'to' && toOptions.speed >= 0) ? toOptions.speed : params.speed;
+        var timeOld = + new Date();
+
+        function anim() {
+            var timeNew = + new Date();
+            var time = timeNew - timeOld;
+            currentPosition += animationStep * time / (1000 / 60);
+            condition = direction === 'toNext' ? currentPosition > newPosition : currentPosition < newPosition;
+            if (condition) {
+                _this.setWrapperTranslate(Math.round(currentPosition));
+                _this._DOMAnimating = true;
+                window.setTimeout(function () {
+                    anim();
+                }, 1000 / 60);
+            }
+            else {
+                if (params.onSlideChangeEnd) {
+                    if (action === 'to') {
+                        if (toOptions.runCallbacks === true) _this.fireCallback(params.onSlideChangeEnd, _this);
+                    }
+                    else {
+                        _this.fireCallback(params.onSlideChangeEnd, _this);
+                    }
+
+                }
+                _this.setWrapperTranslate(newPosition);
+                _this._DOMAnimating = false;
+            }
+        }
+
         if (_this.support.transitions || !params.DOMAnimation) {
-            if (isH) _this.setWrapperTranslate(newPosition,0,0);
-            else _this.setWrapperTranslate(0,newPosition,0);
-            var speed = (action=='to' && toOptions.speed>=0) ? toOptions.speed : params.speed;
+            _this.setWrapperTranslate(newPosition);
             _this.setWrapperTransition(speed);
         }
         else {
             //Try the DOM animation
-            var currentPosition = isH ? _this.getWrapperTranslate('x') : _this.getWrapperTranslate('y');
-            var speed = (action=='to' && toOptions.speed>=0) ? toOptions.speed : params.speed;
-            var animationStep = Math.ceil( (newPosition - currentPosition)/speed*(1000/60) );
+            var currentPosition = _this.getWrapperTranslate();
+            var animationStep = Math.ceil((newPosition - currentPosition) / speed * (1000 / 60));
             var direction = currentPosition > newPosition ? 'toNext' : 'toPrev';
-            var condition = direction=='toNext' ? currentPosition > newPosition : currentPosition < newPosition;
+            var condition = direction === 'toNext' ? currentPosition > newPosition : currentPosition < newPosition;
             if (_this._DOMAnimating) return;
 
-            anim()
-        }
-        function anim(){
-            currentPosition += animationStep;
-            condition = direction=='toNext' ? currentPosition > newPosition : currentPosition < newPosition;
-            if (condition) {
-                if (isH) _this.setWrapperTranslate(Math.round(currentPosition),0)
-                else _this.setWrapperTranslate(0,Math.round(currentPosition))
-                _this._DOMAnimating = true
-                window.setTimeout(function(){
-                    anim()
-                }, 1000 / 60)
-            }
-            else {
-                if (params.onSlideChangeEnd) params.onSlideChangeEnd(_this)
-                if (isH) _this.setWrapperTranslate(newPosition,0);
-                else _this.setWrapperTranslate(0, newPosition);
-                _this._DOMAnimating = false;
-            }
+            anim();
         }
 
         //Update Active Slide Index
         _this.updateActiveSlide(newPosition);
 
         //Callbacks
-        if (params.onSlideNext && action=='next') {
-            params.onSlideNext(_this, newPosition)
+        if (params.onSlideNext && action === 'next') {
+            _this.fireCallback(params.onSlideNext, _this, newPosition);
         }
-        if (params.onSlidePrev && action=='prev') {
-            params.onSlidePrev(_this, newPosition)
+        if (params.onSlidePrev && action === 'prev') {
+            _this.fireCallback(params.onSlidePrev, _this, newPosition);
         }
-        //"Reset" Callback
-        if (params.onSlideReset && action=='reset') {
-            params.onSlideReset(_this, newPosition)
+        //'Reset' Callback
+        if (params.onSlideReset && action === 'reset') {
+            _this.fireCallback(params.onSlideReset, _this, newPosition);
         }
 
-        //"Next", "Prev" and "To" Callbacks
-        if (action=='next' || action=='prev' || (action=='to' && toOptions.runCallbacks==true))
-            slideChangeCallbacks()
+        //'Next', 'Prev' and 'To' Callbacks
+        if (action === 'next' || action === 'prev' || (action === 'to' && toOptions.runCallbacks === true))
+            slideChangeCallbacks(action);
     }
     /*==================================================
         Transition Callbacks
@@ -1731,19 +1899,19 @@ var Swiper = function (selector, params) {
     //Prevent Multiple Callbacks
     _this._queueStartCallbacks = false;
     _this._queueEndCallbacks = false;
-    function slideChangeCallbacks() {
+    function slideChangeCallbacks(direction) {
         //Transition Start Callback
         _this.callPlugins('onSlideChangeStart');
         if (params.onSlideChangeStart) {
             if (params.queueStartCallbacks && _this.support.transitions) {
                 if (_this._queueStartCallbacks) return;
                 _this._queueStartCallbacks = true;
-                params.onSlideChangeStart(_this)
-                _this.wrapperTransitionEnd(function(){
+                _this.fireCallback(params.onSlideChangeStart, _this, direction);
+                _this.wrapperTransitionEnd(function () {
                     _this._queueStartCallbacks = false;
-                })
+                });
             }
-            else params.onSlideChangeStart(_this)
+            else _this.fireCallback(params.onSlideChangeStart, _this, direction);
         }
         //Transition End Callback
         if (params.onSlideChangeEnd) {
@@ -1751,78 +1919,101 @@ var Swiper = function (selector, params) {
                 if (params.queueEndCallbacks) {
                     if (_this._queueEndCallbacks) return;
                     _this._queueEndCallbacks = true;
-                    _this.wrapperTransitionEnd(params.onSlideChangeEnd)
+                    _this.wrapperTransitionEnd(function (swiper) {
+                        _this.fireCallback(params.onSlideChangeEnd, swiper, direction);
+                    });
+                }
+                else {
+                    _this.wrapperTransitionEnd(function (swiper) {
+                        _this.fireCallback(params.onSlideChangeEnd, swiper, direction);
+                    });
                 }
-                else _this.wrapperTransitionEnd(params.onSlideChangeEnd)
             }
             else {
                 if (!params.DOMAnimation) {
-                    setTimeout(function(){
-                        params.onSlideChangeEnd(_this)
-                    },10)
+                    setTimeout(function () {
+                        _this.fireCallback(params.onSlideChangeEnd, _this, direction);
+                    }, 10);
                 }
             }
         }
     }
+
     /*==================================================
         Update Active Slide Index
     ====================================================*/
-    _this.updateActiveSlide = function(position) {
+    _this.updateActiveSlide = function (position) {
         if (!_this.initialized) return;
-        if (_this.slides.length==0) return;
+        if (_this.slides.length === 0) return;
         _this.previousIndex = _this.activeIndex;
-        if (position>0) position=0;
-        if (typeof position=='undefined') position = isH ? _this.getWrapperTranslate('x') : _this.getWrapperTranslate('y');
-
-        if (params.slidesPerView == 'auto') {
+        if (typeof position === 'undefined') position = _this.getWrapperTranslate();
+        if (position > 0) position = 0;
+        var i;
+        if (params.slidesPerView === 'auto') {
             var slidesOffset = 0;
             _this.activeIndex = _this.slidesGrid.indexOf(-position);
-            if (_this.activeIndex<0) {
-                for (var i=0; i<_this.slidesGrid.length-1; i++) {
-                    if (-position>_this.slidesGrid[i] && -position<_this.slidesGrid[i+1]) {
+            if (_this.activeIndex < 0) {
+                for (i = 0; i < _this.slidesGrid.length - 1; i++) {
+                    if (-position > _this.slidesGrid[i] && -position < _this.slidesGrid[i + 1]) {
                         break;
                     }
                 }
-                var leftDistance = Math.abs( _this.slidesGrid[i] + position )
-                var rightDistance = Math.abs( _this.slidesGrid[i+1] + position )
-                if (leftDistance<=rightDistance) _this.activeIndex = i;
-                else _this.activeIndex = i+1;
+                var leftDistance = Math.abs(_this.slidesGrid[i] + position);
+                var rightDistance = Math.abs(_this.slidesGrid[i + 1] + position);
+                if (leftDistance <= rightDistance) _this.activeIndex = i;
+                else _this.activeIndex = i + 1;
             }
         }
         else {
-            if (params.visibilityFullFit) _this.activeIndex = Math.ceil( -position/slideSize );
-            else _this.activeIndex = Math.round( -position/slideSize );
+            _this.activeIndex = Math[params.visibilityFullFit ? 'ceil' : 'round'](-position / slideSize);
         }
-        if (_this.activeIndex== _this.slides.length ) _this.activeIndex = _this.slides.length-1;
-        if (_this.activeIndex<0) _this.activeIndex = 0;
+
+        if (_this.activeIndex === _this.slides.length) _this.activeIndex = _this.slides.length - 1;
+        if (_this.activeIndex < 0) _this.activeIndex = 0;
+
         // Check for slide
         if (!_this.slides[_this.activeIndex]) return;
+
         // Calc Visible slides
         _this.calcVisibleSlides(position);
 
         // Mark visible and active slides with additonal classes
-        var activeClassRegexp = new RegExp( "\\s*" + params.slideActiveClass );
-        var inViewClassRegexp = new RegExp( "\\s*" + params.slideVisibleClass );
-
-        for (var i = 0; i < _this.slides.length; i++) {
-            _this.slides[ i ].className = _this.slides[ i ].className.replace( activeClassRegexp, '' ).replace( inViewClassRegexp, '' );
-            if ( _this.visibleSlides.indexOf( _this.slides[ i ] )>=0 ) {
-                _this.slides[ i ].className += ' ' + params.slideVisibleClass;
+        if (_this.support.classList) {
+            var slide;
+            for (i = 0; i < _this.slides.length; i++) {
+                slide = _this.slides[i];
+                slide.classList.remove(params.slideActiveClass);
+                if (_this.visibleSlides.indexOf(slide) >= 0) {
+                    slide.classList.add(params.slideVisibleClass);
+                } else {
+                    slide.classList.remove(params.slideVisibleClass);
+                }
             }
+            _this.slides[_this.activeIndex].classList.add(params.slideActiveClass);
+        } else {
+            var activeClassRegexp = new RegExp('\\s*' + params.slideActiveClass);
+            var inViewClassRegexp = new RegExp('\\s*' + params.slideVisibleClass);
 
+            for (i = 0; i < _this.slides.length; i++) {
+                _this.slides[i].className = _this.slides[i].className.replace(activeClassRegexp, '').replace(inViewClassRegexp, '');
+                if (_this.visibleSlides.indexOf(_this.slides[i]) >= 0) {
+                    _this.slides[i].className += ' ' + params.slideVisibleClass;
+                }
+            }
+            _this.slides[_this.activeIndex].className += ' ' + params.slideActiveClass;
         }
-        _this.slides[ _this.activeIndex ].className += ' ' + params.slideActiveClass;
 
         //Update loop index
         if (params.loop) {
             var ls = _this.loopedSlides;
             _this.activeLoopIndex = _this.activeIndex - ls;
-            if (_this.activeLoopIndex >= _this.slides.length - ls*2 ) {
-                _this.activeLoopIndex = _this.slides.length - ls*2 - _this.activeLoopIndex;
+            if (_this.activeLoopIndex >= _this.slides.length - ls * 2) {
+                _this.activeLoopIndex = _this.slides.length - ls * 2 - _this.activeLoopIndex;
             }
-            if (_this.activeLoopIndex<0) {
-                _this.activeLoopIndex = _this.slides.length - ls*2 + _this.activeLoopIndex;
+            if (_this.activeLoopIndex < 0) {
+                _this.activeLoopIndex = _this.slides.length - ls * 2 + _this.activeLoopIndex;
             }
+            if (_this.activeLoopIndex < 0) _this.activeLoopIndex = 0;
         }
         else {
             _this.activeLoopIndex = _this.activeIndex;
@@ -1831,7 +2022,7 @@ var Swiper = function (selector, params) {
         if (params.pagination) {
             _this.updatePagination(position);
         }
-    }
+    };
     /*==================================================
         Pagination
     ====================================================*/
@@ -1839,223 +2030,303 @@ var Swiper = function (selector, params) {
         if (params.paginationClickable && _this.paginationButtons) {
             removePaginationEvents();
         }
-        var paginationHTML = "";
-        var numOfSlides = _this.slides.length;
-        var numOfButtons = numOfSlides;
-        if (params.loop) numOfButtons -= _this.loopedSlides*2
-        for (var i = 0; i < numOfButtons; i++) {
-            paginationHTML += '<'+params.paginationElement+' class="'+params.paginationElementClass+'"></'+params.paginationElement+'>'
-        }
         _this.paginationContainer = params.pagination.nodeType ? params.pagination : $$(params.pagination)[0];
-        _this.paginationContainer.innerHTML = paginationHTML;
-        _this.paginationButtons = []
-        if (document.querySelectorAll)
-            _this.paginationButtons = _this.paginationContainer.querySelectorAll('.'+params.paginationElementClass);
-        else if (window.jQuery)
-            _this.paginationButtons = $$(_this.paginationContainer).find('.'+params.paginationElementClass);
-        if (!firstInit) _this.updatePagination()
+        if (params.createPagination) {
+            var paginationHTML = '';
+            var numOfSlides = _this.slides.length;
+            var numOfButtons = numOfSlides;
+            if (params.loop) numOfButtons -= _this.loopedSlides * 2;
+            for (var i = 0; i < numOfButtons; i++) {
+                paginationHTML += '<' + params.paginationElement + ' class="' + params.paginationElementClass + '"></' + params.paginationElement + '>';
+            }
+            _this.paginationContainer.innerHTML = paginationHTML;
+        }
+        _this.paginationButtons = $$('.' + params.paginationElementClass, _this.paginationContainer);
+        if (!firstInit) _this.updatePagination();
         _this.callPlugins('onCreatePagination');
         if (params.paginationClickable) {
             addPaginationEvents();
         }
-    }
+    };
     function removePaginationEvents() {
         var pagers = _this.paginationButtons;
-        for (var i=0; i<pagers.length; i++) {
-            _this.h.removeEventListener(pagers[i],'click', paginationClick, false)
+        if (pagers) {
+            for (var i = 0; i < pagers.length; i++) {
+                _this.h.removeEventListener(pagers[i], 'click', paginationClick);
+            }
         }
     }
     function addPaginationEvents() {
         var pagers = _this.paginationButtons;
-        for (var i=0; i<pagers.length; i++) {
-            _this.h.addEventListener(pagers[i],'click', paginationClick, false)
+        if (pagers) {
+            for (var i = 0; i < pagers.length; i++) {
+                _this.h.addEventListener(pagers[i], 'click', paginationClick);
+            }
         }
     }
-    function paginationClick(e){
+    function paginationClick(e) {
         var index;
         var target = e.target || e.srcElement;
         var pagers = _this.paginationButtons;
-        for (var i=0; i<pagers.length; i++) {
-            if (target===pagers[i]) index = i;
+        for (var i = 0; i < pagers.length; i++) {
+            if (target === pagers[i]) index = i;
         }
-        _this.swipeTo(index)
+        _this.swipeTo(index);
     }
-    _this.updatePagination = function(position) {
+    _this.updatePagination = function (position) {
         if (!params.pagination) return;
-        if (_this.slides.length<1) return;
-
-        if (document.querySelectorAll)
-            var activePagers = _this.paginationContainer.querySelectorAll('.'+params.paginationActiveClass)
-        else if (window.jQuery)
-            var activePagers = $$(_this.paginationContainer).find('.'+params.paginationActiveClass);
-        if(!activePagers) return;
+        if (_this.slides.length < 1) return;
+        var activePagers = $$('.' + params.paginationActiveClass, _this.paginationContainer);
+        if (!activePagers) return;
 
         //Reset all Buttons' class to not active
         var pagers = _this.paginationButtons;
-        if (pagers.length==0) return;
-        for (var i=0; i < pagers.length; i++) {
-            pagers[i].className = params.paginationElementClass
+        if (pagers.length === 0) return;
+        for (var i = 0; i < pagers.length; i++) {
+            pagers[i].className = params.paginationElementClass;
         }
 
         var indexOffset = params.loop ? _this.loopedSlides : 0;
         if (params.paginationAsRange) {
-            if (!_this.visibleSlides) _this.calcVisibleSlides(position)
+            if (!_this.visibleSlides) _this.calcVisibleSlides(position);
             //Get Visible Indexes
             var visibleIndexes = [];
-            for (var i = 0; i < _this.visibleSlides.length; i++) {
-                var visIndex = _this.slides.indexOf( _this.visibleSlides[i] ) - indexOffset
+            var j; // lopp index - avoid JSHint W004 / W038
+            for (j = 0; j < _this.visibleSlides.length; j++) {
+                var visIndex = _this.slides.indexOf(_this.visibleSlides[j]) - indexOffset;
 
-                if (params.loop && visIndex<0) {
-                    visIndex = _this.slides.length - _this.loopedSlides*2 + visIndex;
+                if (params.loop && visIndex < 0) {
+                    visIndex = _this.slides.length - _this.loopedSlides * 2 + visIndex;
                 }
-                if (params.loop && visIndex>=_this.slides.length-_this.loopedSlides*2) {
-                    visIndex = _this.slides.length - _this.loopedSlides*2 - visIndex;
-                    visIndex = Math.abs(visIndex)
+                if (params.loop && visIndex >= _this.slides.length - _this.loopedSlides * 2) {
+                    visIndex = _this.slides.length - _this.loopedSlides * 2 - visIndex;
+                    visIndex = Math.abs(visIndex);
                 }
-                visibleIndexes.push( visIndex )
+                visibleIndexes.push(visIndex);
             }
-            
-            for (i=0; i<visibleIndexes.length; i++) {
-                if (pagers[ visibleIndexes[i] ]) pagers[ visibleIndexes[i] ].className += ' ' + params.paginationVisibleClass;
+
+            for (j = 0; j < visibleIndexes.length; j++) {
+                if (pagers[visibleIndexes[j]]) pagers[visibleIndexes[j]].className += ' ' + params.paginationVisibleClass;
             }
-            
+
             if (params.loop) {
-                pagers[ _this.activeLoopIndex ].className += ' ' + params.paginationActiveClass;
+                if (pagers[_this.activeLoopIndex] !== undefined) {
+                    pagers[_this.activeLoopIndex].className += ' ' + params.paginationActiveClass;
+                }
             }
             else {
-                pagers[ _this.activeIndex ].className += ' ' + params.paginationActiveClass;
+                pagers[_this.activeIndex].className += ' ' + params.paginationActiveClass;
             }
-            
         }
         else {
             if (params.loop) {
-                pagers[ _this.activeLoopIndex ].className+=' '+params.paginationActiveClass+' '+params.paginationVisibleClass;
+                if (pagers[_this.activeLoopIndex]) pagers[_this.activeLoopIndex].className += ' ' + params.paginationActiveClass + ' ' + params.paginationVisibleClass;
             }
             else {
-                pagers[ _this.activeIndex ].className+=' '+params.paginationActiveClass+' '+params.paginationVisibleClass;
+                pagers[_this.activeIndex].className += ' ' + params.paginationActiveClass + ' ' + params.paginationVisibleClass;
             }
-
         }
-
-    }
-    _this.calcVisibleSlides = function(position){
+    };
+    _this.calcVisibleSlides = function (position) {
         var visibleSlides = [];
         var _slideLeft = 0, _slideSize = 0, _slideRight = 0;
-        if (isH && _this.wrapperLeft>0) position = position+_this.wrapperLeft;
-        if (!isH && _this.wrapperTop>0) position = position+_this.wrapperTop;
+        if (isH && _this.wrapperLeft > 0) position = position + _this.wrapperLeft;
+        if (!isH && _this.wrapperTop > 0) position = position + _this.wrapperTop;
 
-        for (var i=0; i<_this.slides.length; i++) {
+        for (var i = 0; i < _this.slides.length; i++) {
             _slideLeft += _slideSize;
-            if (params.slidesPerView == 'auto')
-                _slideSize  = isH ? _this.h.getWidth(_this.slides[i],true) : _this.h.getHeight(_this.slides[i],true);
+            if (params.slidesPerView === 'auto')
+                _slideSize  = isH ? _this.h.getWidth(_this.slides[i], true) : _this.h.getHeight(_this.slides[i], true);
             else _slideSize = slideSize;
 
             _slideRight = _slideLeft + _slideSize;
             var isVisibile = false;
             if (params.visibilityFullFit) {
-                if (_slideLeft >= -position && _slideRight <= -position+containerSize) isVisibile = true;
-                if (_slideLeft <= -position && _slideRight >= -position+containerSize) isVisibile = true;
+                if (_slideLeft >= -position && _slideRight <= -position + containerSize) isVisibile = true;
+                if (_slideLeft <= -position && _slideRight >= -position + containerSize) isVisibile = true;
             }
             else {
-
-                if (_slideRight > -position && _slideRight <= ((-position+containerSize))) isVisibile = true;
-                if (_slideLeft >= -position && _slideLeft < ((-position+containerSize))) isVisibile = true;
-                if (_slideLeft < -position && _slideRight > ((-position+containerSize))) isVisibile = true;
+                if (_slideRight > -position && _slideRight <= ((-position + containerSize))) isVisibile = true;
+                if (_slideLeft >= -position && _slideLeft < ((-position + containerSize))) isVisibile = true;
+                if (_slideLeft < -position && _slideRight > ((-position + containerSize))) isVisibile = true;
             }
 
-            if (isVisibile) visibleSlides.push(_this.slides[i])
+            if (isVisibile) visibleSlides.push(_this.slides[i]);
 
         }
-        if (visibleSlides.length==0) visibleSlides = [ _this.slides[ _this.activeIndex ] ]
+        if (visibleSlides.length === 0) visibleSlides = [_this.slides[_this.activeIndex]];
 
         _this.visibleSlides = visibleSlides;
-    }
+    };
 
     /*==========================================
         Autoplay
     ============================================*/
-    _this.autoPlayIntervalId = undefined;
+    var autoplayTimeoutId, autoplayIntervalId;
     _this.startAutoplay = function () {
-        if (typeof _this.autoPlayIntervalId !== 'undefined') return false;
-        if (params.autoplay && !params.loop) {
-            _this.autoPlayIntervalId = setInterval(function(){
-                if (!_this.swipeNext(true)) _this.swipeTo(0);
-            }, params.autoplay)
-        }
-        if (params.autoplay && params.loop) {
-            _this.autoPlayIntervalId = setInterval(function(){
-                _this.swipeNext();
-            }, params.autoplay)
-        }
-        _this.callPlugins('onAutoplayStart');
-    }
-    _this.stopAutoplay = function () {
-        if (_this.autoPlayIntervalId) clearInterval(_this.autoPlayIntervalId);
-        _this.autoPlayIntervalId = undefined;
-        _this.callPlugins('onAutoplayStop');
+        if (_this.support.transitions) {
+            if (typeof autoplayTimeoutId !== 'undefined') return false;
+            if (!params.autoplay) return;
+            _this.callPlugins('onAutoplayStart');
+            if (params.onAutoplayStart) _this.fireCallback(params.onAutoplayStart, _this);
+            autoplay();
+        }
+        else {
+            if (typeof autoplayIntervalId !== 'undefined') return false;
+            if (!params.autoplay) return;
+            _this.callPlugins('onAutoplayStart');
+            if (params.onAutoplayStart) _this.fireCallback(params.onAutoplayStart, _this);
+            autoplayIntervalId = setInterval(function () {
+                if (params.loop) {
+                    _this.fixLoop();
+                    _this.swipeNext(true);
+                }
+                else if (!_this.swipeNext(true)) {
+                    if (!params.autoplayStopOnLast) _this.swipeTo(0);
+                    else {
+                        clearInterval(autoplayIntervalId);
+                        autoplayIntervalId = undefined;
+                    }
+                }
+            }, params.autoplay);
+        }
+    };
+    _this.stopAutoplay = function (internal) {
+        if (_this.support.transitions) {
+            if (!autoplayTimeoutId) return;
+            if (autoplayTimeoutId) clearTimeout(autoplayTimeoutId);
+            autoplayTimeoutId = undefined;
+            if (internal && !params.autoplayDisableOnInteraction) {
+                _this.wrapperTransitionEnd(function () {
+                    autoplay();
+                });
+            }
+            _this.callPlugins('onAutoplayStop');
+            if (params.onAutoplayStop) _this.fireCallback(params.onAutoplayStop, _this);
+        }
+        else {
+            if (autoplayIntervalId) clearInterval(autoplayIntervalId);
+            autoplayIntervalId = undefined;
+            _this.callPlugins('onAutoplayStop');
+            if (params.onAutoplayStop) _this.fireCallback(params.onAutoplayStop, _this);
+        }
+    };
+    function autoplay() {
+        autoplayTimeoutId = setTimeout(function () {
+            if (params.loop) {
+                _this.fixLoop();
+                _this.swipeNext(true);
+            }
+            else if (!_this.swipeNext(true)) {
+                if (!params.autoplayStopOnLast) _this.swipeTo(0);
+                else {
+                    clearTimeout(autoplayTimeoutId);
+                    autoplayTimeoutId = undefined;
+                }
+            }
+            _this.wrapperTransitionEnd(function () {
+                if (typeof autoplayTimeoutId !== 'undefined') autoplay();
+            });
+        }, params.autoplay);
     }
     /*==================================================
         Loop
     ====================================================*/
     _this.loopCreated = false;
-    _this.removeLoopedSlides = function(){
+    _this.removeLoopedSlides = function () {
         if (_this.loopCreated) {
-            for (var i=0; i<_this.slides.length; i++) {
-                if (_this.slides[i].getData('looped')===true) _this.wrapper.removeChild(_this.slides[i]);
+            for (var i = 0; i < _this.slides.length; i++) {
+                if (_this.slides[i].getData('looped') === true) _this.wrapper.removeChild(_this.slides[i]);
             }
         }
-    }
-    _this.createLoop = function(){
-        if (_this.slides.length==0) return;
-        _this.loopedSlides = params.slidesPerView+params.loopAdditionalSlides;
+    };
 
-        var slideFirstHTML = '';
-        var slideLastHTML = '';
+    _this.createLoop = function () {
+        if (_this.slides.length === 0) return;
+        if (params.slidesPerView === 'auto') {
+            _this.loopedSlides = params.loopedSlides || 1;
+        }
+        else {
+            _this.loopedSlides = params.slidesPerView + params.loopAdditionalSlides;
+        }
+
+        if (_this.loopedSlides > _this.slides.length) {
+            _this.loopedSlides = _this.slides.length;
+        }
+
+        var slideFirstHTML = '',
+            slideLastHTML = '',
+            i;
+        var slidesSetFullHTML = '';
+        /**
+                loopedSlides is too large if loopAdditionalSlides are set.
+                Need to divide the slides by maximum number of slides existing.
 
-        //Grab First Slides
-        for (var i=0; i<_this.loopedSlides; i++) {
-            slideFirstHTML+=_this.slides[i].outerHTML
+                @author        Tomaz Lovrec <tomaz.lovrec@blanc-noir.at>
+        */
+        var numSlides = _this.slides.length;
+        var fullSlideSets = Math.floor(_this.loopedSlides / numSlides);
+        var remainderSlides = _this.loopedSlides % numSlides;
+        // assemble full sets of slides
+        for (i = 0; i < (fullSlideSets * numSlides); i++) {
+            var j = i;
+            if (i >= numSlides) {
+                var over = Math.floor(i / numSlides);
+                j = i - (numSlides * over);
+            }
+            slidesSetFullHTML += _this.slides[j].outerHTML;
+        }
+        // assemble remainder slides
+        // assemble remainder appended to existing slides
+        for (i = 0; i < remainderSlides;i++) {
+            slideLastHTML += addClassToHtmlString(params.slideDuplicateClass, _this.slides[i].outerHTML);
         }
-        //Grab Last Slides
-        for (i=_this.slides.length-_this.loopedSlides; i<_this.slides.length; i++) {
-            slideLastHTML+=_this.slides[i].outerHTML
+        // assemble slides that get preppended to existing slides
+        for (i = numSlides - remainderSlides; i < numSlides;i++) {
+            slideFirstHTML += addClassToHtmlString(params.slideDuplicateClass, _this.slides[i].outerHTML);
         }
-        wrapper.innerHTML = slideLastHTML + wrapper.innerHTML + slideFirstHTML;
+        // assemble all slides
+        var slides = slideFirstHTML + slidesSetFullHTML + wrapper.innerHTML + slidesSetFullHTML + slideLastHTML;
+        // set the slides
+        wrapper.innerHTML = slides;
 
         _this.loopCreated = true;
         _this.calcSlides();
 
         //Update Looped Slides with special class
-        for (i=0; i<_this.slides.length; i++) {
-            if (i<_this.loopedSlides || i>=_this.slides.length-_this.loopedSlides) _this.slides[i].setData('looped', true);
+        for (i = 0; i < _this.slides.length; i++) {
+            if (i < _this.loopedSlides || i >= _this.slides.length - _this.loopedSlides) _this.slides[i].setData('looped', true);
         }
         _this.callPlugins('onCreateLoop');
 
-    }
-    _this.fixLoop = function(){
+    };
+
+    _this.fixLoop = function () {
+        var newIndex;
         //Fix For Negative Oversliding
         if (_this.activeIndex < _this.loopedSlides) {
-            var newIndex = _this.slides.length - _this.loopedSlides*3 + _this.activeIndex;
-            _this.swipeTo(newIndex, 0, false)
+            newIndex = _this.slides.length - _this.loopedSlides * 3 + _this.activeIndex;
+            _this.swipeTo(newIndex, 0, false);
         }
         //Fix For Positive Oversliding
-        else if (_this.activeIndex > _this.slides.length - params.slidesPerView*2) {
-            var newIndex = -_this.slides.length + _this.activeIndex + _this.loopedSlides
-            _this.swipeTo(newIndex,0, false)
+        else if ((params.slidesPerView === 'auto' && _this.activeIndex >= _this.loopedSlides * 2) || (_this.activeIndex > _this.slides.length - params.slidesPerView * 2)) {
+            newIndex = -_this.slides.length + _this.activeIndex + _this.loopedSlides;
+            _this.swipeTo(newIndex, 0, false);
         }
-    }
+    };
+
     /*==================================================
         Slides Loader
     ====================================================*/
-    _this.loadSlides = function(){
+    _this.loadSlides = function () {
         var slidesHTML = '';
         _this.activeLoaderIndex = 0;
         var slides = params.loader.slides;
-        var slidesToLoad = params.loader.loadAllSlides ? slides.length : params.slidesPerView*(1+params.loader.surroundGroups);
-        for (var i=0; i< slidesToLoad; i++) {
-            if (params.loader.slidesHTMLType=='outer') slidesHTML+=slides[i];
+        var slidesToLoad = params.loader.loadAllSlides ? slides.length : params.slidesPerView * (1 + params.loader.surroundGroups);
+        for (var i = 0; i < slidesToLoad; i++) {
+            if (params.loader.slidesHTMLType === 'outer') slidesHTML += slides[i];
             else {
-                slidesHTML+='<'+params.slideElement+' class="'+params.slideClass+'" data-swiperindex="'+i+'">'+slides[i]+'</'+params.slideElement+'>';
+                slidesHTML += '<' + params.slideElement + ' class="' + params.slideClass + '" data-swiperindex="' + i + '">' + slides[i] + '</' + params.slideElement + '>';
             }
         }
         _this.wrapper.innerHTML = slidesHTML;
@@ -2064,55 +2335,58 @@ var Swiper = function (selector, params) {
         if (!params.loader.loadAllSlides) {
             _this.wrapperTransitionEnd(_this.reloadSlides, true);
         }
-    }
-    _this.reloadSlides = function(){
+    };
+
+    _this.reloadSlides = function () {
         var slides = params.loader.slides;
-        var newActiveIndex = parseInt(_this.activeSlide().data('swiperindex'),10)
-        if (newActiveIndex<0 || newActiveIndex>slides.length-1) return //<-- Exit
+        var newActiveIndex = parseInt(_this.activeSlide().data('swiperindex'), 10);
+        if (newActiveIndex < 0 || newActiveIndex > slides.length - 1) return; //<-- Exit
         _this.activeLoaderIndex = newActiveIndex;
-        var firstIndex = Math.max(0, newActiveIndex - params.slidesPerView*params.loader.surroundGroups)
-        var lastIndex = Math.min(newActiveIndex+params.slidesPerView*(1+params.loader.surroundGroups)-1, slides.length-1)
+        var firstIndex = Math.max(0, newActiveIndex - params.slidesPerView * params.loader.surroundGroups);
+        var lastIndex = Math.min(newActiveIndex + params.slidesPerView * (1 + params.loader.surroundGroups) - 1, slides.length - 1);
         //Update Transforms
-        if (newActiveIndex>0) {
-            var newTransform = -slideSize*(newActiveIndex-firstIndex)
-            if (isH) _this.setWrapperTranslate(newTransform,0,0)
-            else _this.setWrapperTranslate(0,newTransform,0)
-            _this.setWrapperTransition(0)
+        if (newActiveIndex > 0) {
+            var newTransform = -slideSize * (newActiveIndex - firstIndex);
+            _this.setWrapperTranslate(newTransform);
+            _this.setWrapperTransition(0);
         }
+        var i; // loop index
         //New Slides
-        if (params.loader.logic==='reload') {
+        if (params.loader.logic === 'reload') {
             _this.wrapper.innerHTML = '';
             var slidesHTML = '';
-            for (var i = firstIndex; i<=lastIndex; i++) {
-                slidesHTML += params.loader.slidesHTMLType == 'outer' ? slides[i] : '<'+params.slideElement+' class="'+params.slideClass+'" data-swiperindex="'+i+'">'+slides[i]+'</'+params.slideElement+'>';
+            for (i = firstIndex; i <= lastIndex; i++) {
+                slidesHTML += params.loader.slidesHTMLType === 'outer' ? slides[i] : '<' + params.slideElement + ' class="' + params.slideClass + '" data-swiperindex="' + i + '">' + slides[i] + '</' + params.slideElement + '>';
             }
             _this.wrapper.innerHTML = slidesHTML;
         }
         else {
-            var minExistIndex=1000;
-            var maxExistIndex=0;
-            for (var i=0; i<_this.slides.length; i++) {
+            var minExistIndex = 1000;
+            var maxExistIndex = 0;
+
+            for (i = 0; i < _this.slides.length; i++) {
                 var index = _this.slides[i].data('swiperindex');
-                if (index<firstIndex || index>lastIndex) {
+                if (index < firstIndex || index > lastIndex) {
                     _this.wrapper.removeChild(_this.slides[i]);
                 }
                 else {
-                    minExistIndex = Math.min(index, minExistIndex)
-                    maxExistIndex = Math.max(index, maxExistIndex)
+                    minExistIndex = Math.min(index, minExistIndex);
+                    maxExistIndex = Math.max(index, maxExistIndex);
                 }
             }
-            for (var i=firstIndex; i<=lastIndex; i++) {
-                if (i<minExistIndex) {
-                    var newSlide = document.createElement(params.slideElement);
+            for (i = firstIndex; i <= lastIndex; i++) {
+                var newSlide;
+                if (i < minExistIndex) {
+                    newSlide = document.createElement(params.slideElement);
                     newSlide.className = params.slideClass;
-                    newSlide.setAttribute('data-swiperindex',i);
+                    newSlide.setAttribute('data-swiperindex', i);
                     newSlide.innerHTML = slides[i];
                     _this.wrapper.insertBefore(newSlide, _this.wrapper.firstChild);
                 }
-                if (i>maxExistIndex) {
-                    var newSlide = document.createElement(params.slideElement);
+                if (i > maxExistIndex) {
+                    newSlide = document.createElement(params.slideElement);
                     newSlide.className = params.slideClass;
-                    newSlide.setAttribute('data-swiperindex',i);
+                    newSlide.setAttribute('data-swiperindex', i);
                     newSlide.innerHTML = slides[i];
                     _this.wrapper.appendChild(newSlide);
                 }
@@ -2120,13 +2394,14 @@ var Swiper = function (selector, params) {
         }
         //reInit
         _this.reInit(true);
-    }
+    };
+
     /*==================================================
         Make Swiper
     ====================================================*/
-    function makeSwiper(){
+    function makeSwiper() {
         _this.calcSlides();
-        if (params.loader.slides.length>0 && _this.slides.length==0) {
+        if (params.loader.slides.length > 0 && _this.slides.length === 0) {
             _this.loadSlides();
         }
         if (params.loop) {
@@ -2134,11 +2409,12 @@ var Swiper = function (selector, params) {
         }
         _this.init();
         initEvents();
-        if (params.pagination && params.createPagination) {
+        if (params.pagination) {
             _this.createPagination(true);
         }
-        if (params.loop || params.initialSlide>0) {
-            _this.swipeTo( params.initialSlide, 0, false );
+
+        if (params.loop || params.initialSlide > 0) {
+            _this.swipeTo(params.initialSlide, 0, false);
         }
         else {
             _this.updateActiveSlide(0);
@@ -2146,109 +2422,141 @@ var Swiper = function (selector, params) {
         if (params.autoplay) {
             _this.startAutoplay();
         }
+        /**
+         * Set center slide index.
+         *
+         * @author        Tomaz Lovrec <tomaz.lovrec@gmail.com>
+         */
+        _this.centerIndex = _this.activeIndex;
 
+        // Callbacks
+        if (params.onSwiperCreated) _this.fireCallback(params.onSwiperCreated, _this);
+        _this.callPlugins('onSwiperCreated');
     }
+
     makeSwiper();
-}
+};
 
 Swiper.prototype = {
     plugins : {},
+
     /*==================================================
         Wrapper Operations
     ====================================================*/
-    wrapperTransitionEnd : function(callback, permanent) {
-        var a = this
-        var el = a.wrapper
-        var events = ['webkitTransitionEnd','transitionend', 'oTransitionEnd', 'MSTransitionEnd', 'msTransitionEnd'];
+    wrapperTransitionEnd : function (callback, permanent) {
+        'use strict';
+        var a = this,
+            el = a.wrapper,
+            events = ['webkitTransitionEnd', 'transitionend', 'oTransitionEnd', 'MSTransitionEnd', 'msTransitionEnd'],
+            i;
+
         function fireCallBack() {
-            callback(a)
-            if (a.params.queueEndCallbacks) a._queueEndCallbacks = false
+            callback(a);
+            if (a.params.queueEndCallbacks) a._queueEndCallbacks = false;
             if (!permanent) {
-                for (var i=0; i<events.length; i++) {
-                    a.h.removeEventListener(el,events[i], fireCallBack, false)
+                for (i = 0; i < events.length; i++) {
+                    a.h.removeEventListener(el, events[i], fireCallBack);
                 }
             }
         }
+
         if (callback) {
-            for (var i=0; i<events.length; i++) {
-                a.h.addEventListener(el,events[i], fireCallBack, false)
+            for (i = 0; i < events.length; i++) {
+                a.h.addEventListener(el, events[i], fireCallBack);
             }
         }
     },
 
-    getWrapperTranslate : function(axis){
-        var el = this.wrapper
-        var matrix;
-        var curTransform;
-        if (window.WebKitCSSMatrix) {
-            var transformMatrix = new WebKitCSSMatrix(window.getComputedStyle(el, null).webkitTransform)
-            matrix = transformMatrix.toString().split(',');
-        }
-        else {
-            var transformMatrix =   window.getComputedStyle(el, null).MozTransform || window.getComputedStyle(el, null).OTransform || window.getComputedStyle(el, null).MsTransform || window.getComputedStyle(el, null).msTransform  || window.getComputedStyle(el, null).transform|| window.getComputedStyle(el, null).getPropertyValue("transform").replace("translate(", "matrix(1, 0, 0, 1,");
-            matrix = transformMatrix.toString().split(',');
+    getWrapperTranslate : function (axis) {
+        'use strict';
+        var el = this.wrapper,
+            matrix, curTransform, curStyle, transformMatrix;
 
+        // automatic axis detection
+        if (typeof axis === 'undefined') {
+            axis = this.params.mode === 'horizontal' ? 'x' : 'y';
         }
-        if (this.params.useCSS3Transforms) {
-            if (axis=='x') {
-                //Crazy IE10 Matrix
-                if (matrix.length==16)
-                    curTransform = parseFloat( matrix[12] )
+
+        if (this.support.transforms && this.params.useCSS3Transforms) {
+            curStyle = window.getComputedStyle(el, null);
+            if (window.WebKitCSSMatrix) {
+                transformMatrix = new WebKitCSSMatrix(curStyle.webkitTransform);
+            }
+            else {
+                transformMatrix = curStyle.MozTransform || curStyle.OTransform || curStyle.MsTransform || curStyle.msTransform  || curStyle.transform || curStyle.getPropertyValue('transform').replace('translate(', 'matrix(1, 0, 0, 1,');
+                matrix = transformMatrix.toString().split(',');
+            }
+
+            if (axis === 'x') {
                 //Latest Chrome and webkits Fix
-                else if (window.WebKitCSSMatrix)
-                    curTransform = transformMatrix.m41
+                if (window.WebKitCSSMatrix)
+                    curTransform = transformMatrix.m41;
+                //Crazy IE10 Matrix
+                else if (matrix.length === 16)
+                    curTransform = parseFloat(matrix[12]);
                 //Normal Browsers
                 else
-                    curTransform = parseFloat( matrix[4] )
+                    curTransform = parseFloat(matrix[4]);
             }
-            if (axis=='y') {
-                //Crazy IE10 Matrix
-                if (matrix.length==16)
-                    curTransform = parseFloat( matrix[13] )
+            if (axis === 'y') {
                 //Latest Chrome and webkits Fix
-                else if (window.WebKitCSSMatrix)
-                    curTransform = transformMatrix.m42
+                if (window.WebKitCSSMatrix)
+                    curTransform = transformMatrix.m42;
+                //Crazy IE10 Matrix
+                else if (matrix.length === 16)
+                    curTransform = parseFloat(matrix[13]);
                 //Normal Browsers
                 else
-                    curTransform = parseFloat( matrix[5] )
+                    curTransform = parseFloat(matrix[5]);
             }
         }
         else {
-            if (axis=='x') curTransform = parseFloat(el.style.left,10) || 0
-            if (axis=='y') curTransform = parseFloat(el.style.top,10) || 0
+            if (axis === 'x') curTransform = parseFloat(el.style.left, 10) || 0;
+            if (axis === 'y') curTransform = parseFloat(el.style.top, 10) || 0;
         }
         return curTransform || 0;
     },
 
-    setWrapperTranslate : function(x,y,z) {
-        var es = this.wrapper.style
-        x=x||0;
-        y=y||0;
-        z=z||0;
-        if (this.params.useCSS3Transforms) {
-            if (this.support.transforms3d) {
-                es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = 'translate3d('+x+'px, '+y+'px, '+z+'px)'
-            }
-            else {
+    setWrapperTranslate : function (x, y, z) {
+        'use strict';
+        var es = this.wrapper.style,
+            coords = {x: 0, y: 0, z: 0},
+            translate;
 
-                es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = 'translate('+x+'px, '+y+'px)'
-                if (!this.support.transforms) {
-                    es.left = x+'px'
-                    es.top = y+'px'
-                }
+        // passed all coordinates
+        if (arguments.length === 3) {
+            coords.x = x;
+            coords.y = y;
+            coords.z = z;
+        }
+
+        // passed one coordinate and optional axis
+        else {
+            if (typeof y === 'undefined') {
+                y = this.params.mode === 'horizontal' ? 'x' : 'y';
             }
+            coords[y] = x;
+        }
+
+        if (this.support.transforms && this.params.useCSS3Transforms) {
+            translate = this.support.transforms3d ? 'translate3d(' + coords.x + 'px, ' + coords.y + 'px, ' + coords.z + 'px)' : 'translate(' + coords.x + 'px, ' + coords.y + 'px)';
+            es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = translate;
         }
         else {
-            es.left = x+'px';
-            es.top = y+'px';
+            es.left = coords.x + 'px';
+            es.top  = coords.y + 'px';
         }
-        this.callPlugins('onSetWrapperTransform', {x:x, y:y, z:z})
+        this.callPlugins('onSetWrapperTransform', coords);
+        if (this.params.onSetWrapperTransform) this.fireCallback(this.params.onSetWrapperTransform, this, coords);
     },
 
-    setWrapperTransition : function(duration) {
-        var es = this.wrapper.style
-        es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = duration/1000+'s';
-        this.callPlugins('onSetWrapperTransition', {duration: duration})
+    setWrapperTransition : function (duration) {
+        'use strict';
+        var es = this.wrapper.style;
+        es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = (duration / 1000) + 's';
+        this.callPlugins('onSetWrapperTransition', {duration: duration});
+        if (this.params.onSetWrapperTransition) this.fireCallback(this.params.onSetWrapperTransition, this, duration);
+
     },
 
     /*==================================================
@@ -2256,29 +2564,32 @@ Swiper.prototype = {
     ====================================================*/
     h : {
         getWidth: function (el, outer) {
-            var width = window.getComputedStyle(el, null).getPropertyValue('width')
+            'use strict';
+            var width = window.getComputedStyle(el, null).getPropertyValue('width');
             var returnWidth = parseFloat(width);
             //IE Fixes
-            if(isNaN(returnWidth) || width.indexOf('%')>0) {
+            if (isNaN(returnWidth) || width.indexOf('%') > 0) {
                 returnWidth = el.offsetWidth - parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-left')) - parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-right'));
             }
-            if (outer) returnWidth += parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-left')) + parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-right'))
+            if (outer) returnWidth += parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-left')) + parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-right'));
 
             return returnWidth;
         },
-        getHeight: function(el, outer) {
+        getHeight: function (el, outer) {
+            'use strict';
             if (outer) return el.offsetHeight;
 
-            var height = window.getComputedStyle(el, null).getPropertyValue('height')
+            var height = window.getComputedStyle(el, null).getPropertyValue('height');
             var returnHeight = parseFloat(height);
             //IE Fixes
-            if(isNaN(returnHeight) || height.indexOf('%')>0) {
+            if (isNaN(returnHeight) || height.indexOf('%') > 0) {
                 returnHeight = el.offsetHeight - parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-top')) - parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-bottom'));
             }
-            if (outer) returnHeight += parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-top')) + parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-bottom'))
+            if (outer) returnHeight += parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-top')) + parseFloat(window.getComputedStyle(el, null).getPropertyValue('padding-bottom'));
             return returnHeight;
         },
-        getOffset: function(el) {
+        getOffset: function (el) {
+            'use strict';
             var box = el.getBoundingClientRect();
             var body = document.body;
             var clientTop  = el.clientTop  || body.clientTop  || 0;
@@ -2295,126 +2606,163 @@ Swiper.prototype = {
                 left: box.left + scrollLeft - clientLeft
             };
         },
-        windowWidth : function() {
-            if (window.innerWidth) return window.innerWidth
+        windowWidth : function () {
+            'use strict';
+            if (window.innerWidth) return window.innerWidth;
             else if (document.documentElement && document.documentElement.clientWidth) return document.documentElement.clientWidth;
         },
-        windowHeight : function() {
-            if (window.innerHeight) return window.innerHeight
+        windowHeight : function () {
+            'use strict';
+            if (window.innerHeight) return window.innerHeight;
             else if (document.documentElement && document.documentElement.clientHeight) return document.documentElement.clientHeight;
         },
-        windowScroll : function() {
-            var left=0, top=0;
-            if (typeof pageYOffset != 'undefined') {
+        windowScroll : function () {
+            'use strict';
+            if (typeof pageYOffset !== 'undefined') {
                 return {
                     left: window.pageXOffset,
                     top: window.pageYOffset
-                }
+                };
             }
             else if (document.documentElement) {
                 return {
                     left: document.documentElement.scrollLeft,
                     top: document.documentElement.scrollTop
-                }
+                };
             }
         },
 
         addEventListener : function (el, event, listener, useCapture) {
+            'use strict';
+            if (typeof useCapture === 'undefined') {
+                useCapture = false;
+            }
+
             if (el.addEventListener) {
-                el.addEventListener(event, listener, useCapture)
+                el.addEventListener(event, listener, useCapture);
             }
             else if (el.attachEvent) {
-                el.attachEvent('on'+event, listener)
+                el.attachEvent('on' + event, listener);
             }
         },
+
         removeEventListener : function (el, event, listener, useCapture) {
+            'use strict';
+            if (typeof useCapture === 'undefined') {
+                useCapture = false;
+            }
+
             if (el.removeEventListener) {
-                el.removeEventListener(event, listener, useCapture)
+                el.removeEventListener(event, listener, useCapture);
             }
             else if (el.detachEvent) {
-                el.detachEvent('on'+event, listener)
+                el.detachEvent('on' + event, listener);
             }
         }
     },
     setTransform : function (el, transform) {
-        var es = el.style
-        es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = transform
+        'use strict';
+        var es = el.style;
+        es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = transform;
     },
     setTranslate : function (el, translate) {
-        var es = el.style
+        'use strict';
+        var es = el.style;
         var pos = {
             x : translate.x || 0,
             y : translate.y || 0,
             z : translate.z || 0
         };
-        var transformString = this.support.transforms3d ? 'translate3d('+(pos.x)+'px,'+(pos.y)+'px,'+(pos.z)+'px)' : 'translate('+(pos.x)+'px,'+(pos.y)+'px)';
+        var transformString = this.support.transforms3d ? 'translate3d(' + (pos.x) + 'px,' + (pos.y) + 'px,' + (pos.z) + 'px)' : 'translate(' + (pos.x) + 'px,' + (pos.y) + 'px)';
         es.webkitTransform = es.MsTransform = es.msTransform = es.MozTransform = es.OTransform = es.transform = transformString;
         if (!this.support.transforms) {
-            es.left = pos.x+'px'
-            es.top = pos.y+'px'
+            es.left = pos.x + 'px';
+            es.top = pos.y + 'px';
         }
     },
     setTransition : function (el, duration) {
-        var es = el.style
-        es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = duration+'ms';
+        'use strict';
+        var es = el.style;
+        es.webkitTransitionDuration = es.MsTransitionDuration = es.msTransitionDuration = es.MozTransitionDuration = es.OTransitionDuration = es.transitionDuration = duration + 'ms';
     },
     /*==================================================
         Feature Detection
     ====================================================*/
     support: {
 
-        touch : (window.Modernizr && Modernizr.touch===true) || (function() {
-            return !!(("ontouchstart" in window) || window.DocumentTouch && document instanceof DocumentTouch);
+        touch : (window.Modernizr && Modernizr.touch === true) || (function () {
+            'use strict';
+            return !!(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch);
         })(),
 
-        transforms3d : (window.Modernizr && Modernizr.csstransforms3d===true) || (function() {
-            var div = document.createElement('div');
-            return ( "webkitPerspective" in div.style || "MozPerspective" in div.style || "OPerspective" in div.style || "MsPerspective" in div.style || "perspective" in div.style );
+        transforms3d : (window.Modernizr && Modernizr.csstransforms3d === true) || (function () {
+            'use strict';
+            var div = document.createElement('div').style;
+            return ('webkitPerspective' in div || 'MozPerspective' in div || 'OPerspective' in div || 'MsPerspective' in div || 'perspective' in div);
         })(),
 
-        transforms : (window.Modernizr && Modernizr.csstransforms===true) || (function(){
-            var div = document.createElement('div').style
-            return ('transform' in div) || ('WebkitTransform' in div) || ('MozTransform' in div) || ('msTransform' in div) || ('MsTransform' in div) || ('OTransform' in div);
+        transforms : (window.Modernizr && Modernizr.csstransforms === true) || (function () {
+            'use strict';
+            var div = document.createElement('div').style;
+            return ('transform' in div || 'WebkitTransform' in div || 'MozTransform' in div || 'msTransform' in div || 'MsTransform' in div || 'OTransform' in div);
         })(),
 
-        transitions : (window.Modernizr && Modernizr.csstransitions===true) || (function(){
-            var div = document.createElement('div').style
-            return ('transition' in div) || ('WebkitTransition' in div) || ('MozTransition' in div) || ('msTransition' in div) || ('MsTransition' in div) || ('OTransition' in div);
+        transitions : (window.Modernizr && Modernizr.csstransitions === true) || (function () {
+            'use strict';
+            var div = document.createElement('div').style;
+            return ('transition' in div || 'WebkitTransition' in div || 'MozTransition' in div || 'msTransition' in div || 'MsTransition' in div || 'OTransition' in div);
+        })(),
+
+        classList : (function () {
+            'use strict';
+            var div = document.createElement('div').style;
+            return 'classList' in div;
         })()
     },
 
     browser : {
 
-        ie8 : (function(){
+        ie8 : (function () {
+            'use strict';
             var rv = -1; // Return value assumes failure.
-            if (navigator.appName == 'Microsoft Internet Explorer') {
+            if (navigator.appName === 'Microsoft Internet Explorer') {
                 var ua = navigator.userAgent;
-                var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
-                if (re.exec(ua) != null)
+                var re = new RegExp(/MSIE ([0-9]{1,}[\.0-9]{0,})/);
+                if (re.exec(ua) !== null)
                     rv = parseFloat(RegExp.$1);
             }
-            return rv != -1 && rv < 9;
+            return rv !== -1 && rv < 9;
         })(),
 
-        ie10 : window.navigator.msPointerEnabled
+        ie10 : window.navigator.msPointerEnabled,
+        ie11 : window.navigator.pointerEnabled
     }
-}
+};
 
 /*=========================
   jQuery & Zepto Plugins
   ===========================*/
-if (window.jQuery||window.Zepto) {
-    (function($){
-        $.fn.swiper = function(params) {
-            var s = new Swiper($(this)[0], params)
-            $(this).data('swiper',s);
-            return s
-        }
-    })(window.jQuery||window.Zepto)
+if (window.jQuery || window.Zepto) {
+    (function ($) {
+        'use strict';
+        $.fn.swiper = function (params) {
+            var s = new Swiper($(this)[0], params);
+            $(this).data('swiper', s);
+            return s;
+        };
+    })(window.jQuery || window.Zepto);
 }
 
 // component
-if ( typeof( module ) !== 'undefined' )
+if (typeof(module) !== 'undefined')
 {
     module.exports = Swiper;
 }
+
+// requirejs support
+if (typeof define === 'function' && define.amd) {
+    define([], function () {
+        'use strict';
+        return Swiper;
+    });
+}