{"version":3,"names":[],"mappings":"","sources":["vendor/tiny.slider.js"],"sourcesContent":["var tns = (function (){\r\n// keys\r\nif (!Object.keys) {\r\n    Object.keys = function (object) {\r\n        var keys = [];\r\n        for (var name in object) {\r\n            if (Object.prototype.hasOwnProperty.call(object, name)) {\r\n                keys.push(name);\r\n            }\r\n        }\r\n        return keys;\r\n    };\r\n}\r\n\r\n// ChildNode.remove\r\n(function () {\r\n  \"use strict\";\r\n\r\n  if(!(\"remove\" in Element.prototype)){\r\n    Element.prototype.remove = function(){\r\n      if(this.parentNode) {\r\n        this.parentNode.removeChild(this);\r\n      }\r\n    };\r\n  }\r\n})();\r\n\r\nfunction extend() {\r\n  var obj, name, copy,\r\n      target = arguments[0] || {},\r\n      i = 1,\r\n      length = arguments.length;\r\n\r\n  for (; i < length; i++) {\r\n    if ((obj = arguments[i]) !== null) {\r\n      for (name in obj) {\r\n        copy = obj[name];\r\n\r\n        if (target === copy) {\r\n          continue;\r\n        } else if (copy !== undefined) {\r\n          target[name] = copy;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  return target;\r\n}\r\n\r\nfunction checkStorageValue (value) {\r\n  return ['true', 'false'].indexOf(value) >= 0 ? JSON.parse(value) : value;\r\n}\r\n\r\nfunction setLocalStorage(key, value, access) {\r\n  if (access) { localStorage.setItem(key, value); }\r\n  return value;\r\n}\r\n\r\nfunction getSlideId() {\r\n  var id = window.tnsId;\r\n  window.tnsId = !id ? 1 : id + 1;\r\n\r\n  return 'tns' + window.tnsId;\r\n}\r\n\r\nfunction getBody () {\r\n  var doc = document,\r\n      body = doc.body;\r\n\r\n  if (!body) {\r\n    body = doc.createElement('body');\r\n    body.fake = true;\r\n  }\r\n\r\n  return body;\r\n}\r\n\r\nvar docElement = document.documentElement;\r\n\r\nfunction setFakeBody (body) {\r\n  var docOverflow = '';\r\n  if (body.fake) {\r\n    docOverflow = docElement.style.overflow;\r\n    //avoid crashing IE8, if background image is used\r\n    body.style.background = '';\r\n    //Safari 5.13/5.1.4 OSX stops loading if ::-webkit-scrollbar is used and scrollbars are visible\r\n    body.style.overflow = docElement.style.overflow = 'hidden';\r\n    docElement.appendChild(body);\r\n  }\r\n\r\n  return docOverflow;\r\n}\r\n\r\nfunction resetFakeBody (body, docOverflow) {\r\n  if (body.fake) {\r\n    body.remove();\r\n    docElement.style.overflow = docOverflow;\r\n    // Trigger layout so kinetic scrolling isn't disabled in iOS6+\r\n    // eslint-disable-next-line\r\n    docElement.offsetHeight;\r\n  }\r\n}\r\n\r\n// get css-calc\r\n// @return - false | calc | -webkit-calc | -moz-calc\r\n// @usage - var calc = getCalc();\r\nfunction calc() {\r\n  var doc = document,\r\n      body = getBody(),\r\n      docOverflow = setFakeBody(body),\r\n      div = doc.createElement('div'),\r\n      result = false;\r\n\r\n  body.appendChild(div);\r\n  try {\r\n    var vals = ['calc(10px)', '-moz-calc(10px)', '-webkit-calc(10px)'], val;\r\n    for (var i = 0; i < 3; i++) {\r\n      val = vals[i];\r\n      div.style.width = val;\r\n      if (div.offsetWidth === 10) {\r\n        result = val.replace('(10px)', '');\r\n        break;\r\n      }\r\n    }\r\n  } catch (e) {}\r\n\r\n  body.fake ? resetFakeBody(body, docOverflow) : div.remove();\r\n\r\n  return result;\r\n}\r\n\r\n// get subpixel support value\r\n// @return - boolean\r\nfunction subpixelLayout() {\r\n  var doc = document,\r\n      body = getBody(),\r\n      docOverflow = setFakeBody(body),\r\n      parent = doc.createElement('div'),\r\n      child1 = doc.createElement('div'),\r\n      child2,\r\n      supported;\r\n\r\n  parent.style.cssText = 'width: 10px';\r\n  child1.style.cssText = 'float: left; width: 5.5px; height: 10px;';\r\n  child2 = child1.cloneNode(true);\r\n\r\n  parent.appendChild(child1);\r\n  parent.appendChild(child2);\r\n  body.appendChild(parent);\r\n\r\n  supported = child1.offsetTop !== child2.offsetTop;\r\n\r\n  body.fake ? resetFakeBody(body, docOverflow) : parent.remove();\r\n\r\n  return supported;\r\n}\r\n\r\nfunction mediaquerySupport () {\r\n  var doc = document,\r\n      body = getBody(),\r\n      docOverflow = setFakeBody(body),\r\n      div = doc.createElement('div'),\r\n      style = doc.createElement('style'),\r\n      rule = '@media all and (min-width:1px){.tns-mq-test{position:absolute}}',\r\n      position;\r\n\r\n  style.type = 'text/css';\r\n  div.className = 'tns-mq-test';\r\n\r\n  body.appendChild(style);\r\n  body.appendChild(div);\r\n\r\n  if (style.styleSheet) {\r\n    style.styleSheet.cssText = rule;\r\n  } else {\r\n    style.appendChild(doc.createTextNode(rule));\r\n  }\r\n\r\n  position = window.getComputedStyle ? window.getComputedStyle(div).position : div.currentStyle['position'];\r\n\r\n  body.fake ? resetFakeBody(body, docOverflow) : div.remove();\r\n\r\n  return position === \"absolute\";\r\n}\r\n\r\n// create and append style sheet\r\nfunction createStyleSheet (media) {\r\n  // Create the <style> tag\r\n  var style = document.createElement(\"style\");\r\n  // style.setAttribute(\"type\", \"text/css\");\r\n\r\n  // Add a media (and/or media query) here if you'd like!\r\n  // style.setAttribute(\"media\", \"screen\")\r\n  // style.setAttribute(\"media\", \"only screen and (max-width : 1024px)\")\r\n  if (media) { style.setAttribute(\"media\", media); }\r\n\r\n  // WebKit hack :(\r\n  // style.appendChild(document.createTextNode(\"\"));\r\n\r\n  // Add the <style> element to the page\r\n  document.querySelector('head').appendChild(style);\r\n\r\n  return style.sheet ? style.sheet : style.styleSheet;\r\n}\r\n\r\n// cross browsers addRule method\r\nfunction addCSSRule(sheet, selector, rules, index) {\r\n  'insertRule' in sheet ?\r\n    sheet.insertRule(selector + '{' + rules + '}', index) :\r\n    sheet.addRule(selector, rules, index);\r\n}\r\n\r\nfunction getCssRulesLength(sheet) {\r\n  var rule = ('insertRule' in sheet) ? sheet.cssRules : sheet.rules;\r\n  return rule.length;\r\n}\r\n\r\nfunction toDegree (y, x) {\r\n  return Math.atan2(y, x) * (180 / Math.PI);\r\n}\r\n\r\nfunction getTouchDirection(angle, range) {\r\n  var direction = false,\r\n      gap = Math.abs(90 - Math.abs(angle));\r\n\r\n  if (gap >= 90 - range) {\r\n    direction = 'horizontal';\r\n  } else if (gap <= range) {\r\n    direction = 'vertical';\r\n  }\r\n\r\n  return direction;\r\n}\r\n\r\n// https://toddmotto.com/ditch-the-array-foreach-call-nodelist-hack/\r\nfunction forEachNodeList (arr, callback, scope) {\r\n  for (var i = 0, l = arr.length; i < l; i++) {\r\n    callback.call(scope, arr[i], i);\r\n  }\r\n}\r\n\r\nfunction hasClass(el, str) {\r\n  return el.className.indexOf(str) >= 0;\r\n}\r\n\r\nfunction addClass(el, str) {\r\n  if (!hasClass(el,  str)) {\r\n    el.className += ' ' + str;\r\n  }\r\n}\r\n\r\nfunction removeClass(el, str) {\r\n  if (hasClass(el, str)) {\r\n    el.className = el.className.replace(str, '');\r\n  }\r\n}\r\n\r\nfunction hasAttr(el, attr) {\r\n  return el.hasAttribute(attr);\r\n}\r\n\r\nfunction getAttr(el, attr) {\r\n  return el.getAttribute(attr);\r\n}\r\n\r\nfunction isNodeList(el) {\r\n  // Only NodeList has the \"item()\" function\r\n  return typeof el.item !== \"undefined\";\r\n}\r\n\r\nfunction setAttrs(els, attrs) {\r\n  els = (isNodeList(els) || els instanceof Array) ? els : [els];\r\n  if (Object.prototype.toString.call(attrs) !== '[object Object]') { return; }\r\n\r\n  for (var i = els.length; i--;) {\r\n    for(var key in attrs) {\r\n      els[i].setAttribute(key, attrs[key]);\r\n    }\r\n  }\r\n}\r\n\r\nfunction removeAttrs(els, attrs) {\r\n  els = (isNodeList(els) || els instanceof Array) ? els : [els];\r\n  attrs = (attrs instanceof Array) ? attrs : [attrs];\r\n\r\n  var attrLength = attrs.length;\r\n  for (var i = els.length; i--;) {\r\n    for (var j = attrLength; j--;) {\r\n      els[i].removeAttribute(attrs[j]);\r\n    }\r\n  }\r\n}\r\n\r\nfunction removeElementStyles(el) {\r\n  el.style.cssText = '';\r\n}\r\n\r\nfunction hideElement(el) {\r\n  if (!hasAttr(el, 'hidden')) {\r\n    setAttrs(el, {'hidden': ''});\r\n  }\r\n}\r\n\r\nfunction showElement(el) {\r\n  if (hasAttr(el, 'hidden')) {\r\n    removeAttrs(el, 'hidden');\r\n  }\r\n}\r\n\r\nfunction isVisible(el) {\r\n  return el.offsetWidth > 0 && el.offsetHeight > 0;\r\n}\r\n\r\nfunction whichProperty(props){\r\n  var el = document.createElement('fakeelement'),\r\n      len = props.length;\r\n  for(var i = 0; i < props.length; i++){\r\n    var prop = props[i];\r\n    if( el.style[prop] !== undefined ){ return prop; }\r\n  }\r\n\r\n  return false; // explicit for ie9-\r\n}\r\n\r\n// get transitionend, animationend based on transitionDuration\r\n// @propin: string\r\n// @propOut: string, first-letter uppercase\r\n// Usage: getEndProperty('WebkitTransitionDuration', 'Transition') => webkitTransitionEnd\r\nfunction getEndProperty(propIn, propOut) {\r\n  var endProp = false;\r\n  if (/^Webkit/.test(propIn)) {\r\n    endProp = 'webkit' + propOut + 'End';\r\n  } else if (/^O/.test(propIn)) {\r\n    endProp = 'o' + propOut + 'End';\r\n  } else if (propIn) {\r\n    endProp = propOut.toLowerCase() + 'end';\r\n  }\r\n  return endProp;\r\n}\r\n\r\n// Test via a getter in the options object to see if the passive property is accessed\r\nvar supportsPassive = false;\r\ntry {\r\n  var opts = Object.defineProperty({}, 'passive', {\r\n    get: function() {\r\n      supportsPassive = true;\r\n    }\r\n  });\r\n  window.addEventListener(\"test\", null, opts);\r\n} catch (e) {}\r\nvar passiveOption = supportsPassive ? { passive: true } : false;\r\n\r\nfunction addEvents(el, obj) {\r\n  for (var prop in obj) {\r\n    var option = (prop === 'touchstart' || prop === 'touchmove') ? passiveOption : false;\r\n    el.addEventListener(prop, obj[prop], option);\r\n  }\r\n}\r\n\r\nfunction removeEvents(el, obj) {\r\n  for (var prop in obj) {\r\n    var option = ['touchstart', 'touchmove'].indexOf(prop) >= 0 ? passiveOption : false;\r\n    el.removeEventListener(prop, obj[prop], option);\r\n  }\r\n}\r\n\r\nfunction Events() {\r\n  return {\r\n    topics: {},\r\n    on: function (eventName, fn) {\r\n      this.topics[eventName] = this.topics[eventName] || [];\r\n      this.topics[eventName].push(fn);\r\n    },\r\n    off: function(eventName, fn) {\r\n      if (this.topics[eventName]) {\r\n        for (var i = 0; i < this.topics[eventName].length; i++) {\r\n          if (this.topics[eventName][i] === fn) {\r\n            this.topics[eventName].splice(i, 1);\r\n            break;\r\n          }\r\n        }\r\n      }\r\n    },\r\n    emit: function (eventName, data) {\r\n      if (this.topics[eventName]) {\r\n        this.topics[eventName].forEach(function(fn) {\r\n          fn(data);\r\n        });\r\n      }\r\n    }\r\n  };\r\n}\r\n\r\nfunction jsTransform(element, attr, prefix, postfix, to, duration, callback) {\r\n  var tick = Math.min(duration, 10),\r\n      unit = (to.indexOf('%') >= 0) ? '%' : 'px',\r\n      to = to.replace(unit, ''),\r\n      from = Number(element.style[attr].replace(prefix, '').replace(postfix, '').replace(unit, '')),\r\n      positionTick = (to - from) / duration * tick,\r\n      running;\r\n\r\n  setTimeout(moveElement, tick);\r\n  function moveElement() {\r\n    duration -= tick;\r\n    from += positionTick;\r\n    element.style[attr] = prefix + from + unit + postfix;\r\n    if (duration > 0) {\r\n      setTimeout(moveElement, tick);\r\n    } else {\r\n      callback();\r\n    }\r\n  }\r\n}\r\n\r\n// Format: IIFE\r\n// Version: 2.6.0\r\n\r\n// helper functions\r\n// check browser version and local storage\r\n// if browser upgraded,\r\n// 1. delete browser ralated data from local storage and\r\n// 2. recheck these options and save them to local storage\r\nvar browserInfo = navigator.userAgent;\r\nvar localStorageAccess = true;\r\nvar tnsStorage = {};\r\n\r\n// tC => calc\r\n// tSP => subpixel\r\n// tMQ => mediaquery\r\n// tTf => transform\r\n// tTDu => transitionDuration\r\n// tTDe => transitionDelay\r\n// tADu => animationDuration\r\n// tADe => animationDelay\r\n// tTE => transitionEnd\r\n// tAE => animationEnd\r\ntry {\r\n  tnsStorage = localStorage;\r\n  // remove storage when browser version changes\r\n  if (tnsStorage['tnsApp'] && tnsStorage['tnsApp'] !== browserInfo) {\r\n    ['tC', 'tSP', 'tMQ', 'tTf', 'tTDu', 'tTDe', 'tADu', 'tADe', 'tTE', 'tAE'].forEach(function (item) {\r\n      tnsStorage.removeItem(item);\r\n    })\r\n  }\r\n  // update browserInfo\r\n  tnsStorage['tnsApp'] = browserInfo;\r\n} catch(e) {\r\n  localStorageAccess = false;\r\n}\r\n\r\n// reset tnsStorage when localStorage is null (on some versions of Chrome Mobile #134)\r\n// https://stackoverflow.com/questions/8701015/html-localstorage-is-null-on-android-when-using-webview\r\nif (localStorageAccess && !localStorage) { tnsStorage = {}; }\r\n\r\n// get browser related data from local storage if they exist\r\n// otherwise, run the functions again and save these data to local storage\r\n// checkStorageValue() convert non-string value to its original value: 'true' > true\r\nvar doc = document;\r\nvar win = window;\r\nvar KEYS = {\r\n      ENTER: 13,\r\n      SPACE: 32,\r\n      PAGEUP: 33,\r\n      PAGEDOWN: 34,\r\n      END: 35,\r\n      HOME: 36,\r\n      LEFT: 37,\r\n      UP: 38,\r\n      RIGHT: 39,\r\n      DOWN: 40\r\n    };\r\nvar CALC = checkStorageValue(tnsStorage['tC']) || setLocalStorage('tC', calc(), localStorageAccess);\r\nvar SUBPIXEL = checkStorageValue(tnsStorage['tSP']) || setLocalStorage('tSP', subpixelLayout(), localStorageAccess);\r\nvar CSSMQ = checkStorageValue(tnsStorage['tMQ']) || setLocalStorage('tMQ', mediaquerySupport(), localStorageAccess);\r\nvar TRANSFORM = checkStorageValue(tnsStorage['tTf']) || setLocalStorage('tTf', whichProperty([\r\n      'transform',\r\n      'WebkitTransform',\r\n      'MozTransform',\r\n      'msTransform',\r\n      'OTransform'\r\n    ]), localStorageAccess);\r\nvar TRANSITIONDURATION = checkStorageValue(tnsStorage['tTDu']) || setLocalStorage('tTDu', whichProperty([\r\n      'transitionDuration',\r\n      'WebkitTransitionDuration',\r\n      'MozTransitionDuration',\r\n      'OTransitionDuration'\r\n    ]), localStorageAccess);\r\nvar TRANSITIONDELAY = checkStorageValue(tnsStorage['tTDe']) || setLocalStorage('tTDe', whichProperty([\r\n      'transitionDelay',\r\n      'WebkitTransitionDelay',\r\n      'MozTransitionDelay',\r\n      'OTransitionDelay'\r\n    ]), localStorageAccess);\r\nvar ANIMATIONDURATION = checkStorageValue(tnsStorage['tADu']) || setLocalStorage('tADu', whichProperty([\r\n      'animationDuration',\r\n      'WebkitAnimationDuration',\r\n      'MozAnimationDuration',\r\n      'OAnimationDuration'\r\n    ]), localStorageAccess);\r\nvar ANIMATIONDELAY = checkStorageValue(tnsStorage['tADe']) || setLocalStorage('tADe', whichProperty([\r\n      'animationDelay',\r\n      'WebkitAnimationDelay',\r\n      'MozAnimationDelay',\r\n      'OAnimationDelay'\r\n    ]), localStorageAccess);\r\nvar TRANSITIONEND = checkStorageValue(tnsStorage['tTE']) || setLocalStorage('tTE', getEndProperty(TRANSITIONDURATION, 'Transition'), localStorageAccess);\r\nvar ANIMATIONEND = checkStorageValue(tnsStorage['tAE']) || setLocalStorage('tAE', getEndProperty(ANIMATIONDURATION, 'Animation'), localStorageAccess);\r\n\r\n// reset SUBPIXEL for IE8\r\nif (!CSSMQ) { SUBPIXEL = false; }\r\n\r\nvar tns = function(options) {\r\n  options = extend({\r\n    container: '.slider',\r\n    mode: 'carousel',\r\n    axis: 'horizontal',\r\n    items: 1,\r\n    gutter: 0,\r\n    edgePadding: 0,\r\n    fixedWidth: false,\r\n    slideBy: 1,\r\n    controls: true,\r\n    controlsText: ['prev', 'next'],\r\n    controlsContainer: false,\r\n    nav: true,\r\n    navContainer: false,\r\n    navAsThumbnails: false,\r\n    arrowKeys: false,\r\n    speed: 300,\r\n    autoplay: false,\r\n    autoplayTimeout: 5000,\r\n    autoplayDirection: 'forward',\r\n    autoplayText: ['start', 'stop'],\r\n    autoplayHoverPause: false,\r\n    autoplayButton: false,\r\n    autoplayButtonOutput: true,\r\n    autoplayResetOnVisibility: true,\r\n    // animateIn: 'tns-fadeIn',\r\n    // animateOut: 'tns-fadeOut',\r\n    // animateNormal: 'tns-normal',\r\n    // animateDelay: false,\r\n    loop: true,\r\n    rewind: false,\r\n    autoHeight: false,\r\n    responsive: false,\r\n    lazyload: false,\r\n    touch: true,\r\n    mouseDrag: false,\r\n    swipeAngle: 15,\r\n    nested: false,\r\n    freezable: true,\r\n    // startIndex: 0,\r\n    onInit: false\r\n  }, options || {});\r\n\r\n  // get element nodes from selectors\r\n  var supportConsoleWarn = win.console && typeof win.console.warn === \"function\";\r\n  var list = ['container', 'controlsContainer', 'navContainer', 'autoplayButton'];\r\n  for (var i = list.length; i--;) {\r\n    var item = list[i];\r\n    if (typeof options[item] === 'string') {\r\n      var el = doc.querySelector(options[item]);\r\n\r\n      if (el && el.nodeName) {\r\n        options[item] = el;\r\n      } else {\r\n        if (supportConsoleWarn) { console.warn('Can\\'t find', options[item]); }\r\n        return;\r\n      }\r\n    }\r\n  }\r\n\r\n  // make sure at least 1 slide\r\n  if (options.container.children && options.container.children.length < 1) {\r\n    if (supportConsoleWarn) { console.warn('No slides found in', options.container); }\r\n    return;\r\n   }\r\n\r\n  // update responsive\r\n  // from: {\r\n  //    300: 2,\r\n  //    800: {\r\n  //      loop: false\r\n  //    }\r\n  // }\r\n  // to: {\r\n  //    300: {\r\n  //      items: 2\r\n  //    },\r\n  //    800: {\r\n  //      loop: false\r\n  //    }\r\n  // }\r\n  if (options.responsive) {\r\n    var resTem = {}, res = options.responsive;\r\n    for(var key in res) {\r\n      var val = res[key];\r\n      resTem[key] = typeof val === 'number' ? {items: val} :  val;\r\n    }\r\n\r\n    options.responsive = resTem;\r\n    resTem = null;\r\n\r\n    // apply responsive[0] to options and remove it\r\n    if (0 in options.responsive) {\r\n      options = extend(options, options.responsive[0]);\r\n      delete options.responsive[0];\r\n    }\r\n  }\r\n\r\n  // === define and set variables ===\r\n  var carousel = options.mode === 'carousel' ? true : false;\r\n\r\n  if (!carousel) {\r\n    options.axis = 'horizontal';\r\n    options.rewind = false;\r\n    options.loop = true;\r\n    options.edgePadding = false;\r\n\r\n    var animateIn = 'tns-fadeIn',\r\n        animateOut = 'tns-fadeOut',\r\n        animateDelay = false,\r\n        animateNormal = options.animateNormal || 'tns-normal';\r\n\r\n    if (TRANSITIONEND && ANIMATIONEND) {\r\n      animateIn = options.animateIn || animateIn;\r\n      animateOut = options.animateOut || animateOut;\r\n      animateDelay = options.animateDelay || animateDelay;\r\n    }\r\n  }\r\n\r\n  var horizontal = options.axis === 'horizontal' ? true : false,\r\n      outerWrapper = doc.createElement('div'),\r\n      innerWrapper = doc.createElement('div'),\r\n      container = options.container,\r\n      containerParent = container.parentNode,\r\n      slideItems = container.children,\r\n      slideCount = slideItems.length,\r\n      vpInner,\r\n      responsive = options.responsive,\r\n      responsiveItems = [],\r\n      breakpoints = false,\r\n      breakpointZone = 0,\r\n      windowWidth = getWindowWidth(),\r\n      isOn;\r\n\r\n  if (options.fixedWidth) { var vpOuter = getViewportWidth(containerParent); }\r\n\r\n  if (responsive) {\r\n    breakpoints = Object.keys(responsive)\r\n      .map(function (x) { return parseInt(x); })\r\n      .sort(function (a, b) { return a - b; });\r\n\r\n    // get all responsive items\r\n    breakpoints.forEach(function(bp) {\r\n      responsiveItems = responsiveItems.concat(Object.keys(responsive[bp]));\r\n    });\r\n\r\n    // remove duplicated items\r\n    var arr = [];\r\n    responsiveItems.forEach(function (item) { if (arr.indexOf(item) < 0) { arr.push(item); } });\r\n    responsiveItems = arr;\r\n\r\n    setBreakpointZone();\r\n  }\r\n\r\n  var items = getOption('items'),\r\n      slideBy = getOption('slideBy') === 'page' ? items : getOption('slideBy'),\r\n      nested = options.nested,\r\n      gutter = getOption('gutter'),\r\n      edgePadding = getOption('edgePadding'),\r\n      fixedWidth = getOption('fixedWidth'),\r\n      arrowKeys = getOption('arrowKeys'),\r\n      speed = getOption('speed'),\r\n      rewind = options.rewind,\r\n      loop = rewind ? false : options.loop,\r\n      autoHeight = getOption('autoHeight'),\r\n      sheet = createStyleSheet(),\r\n      lazyload = options.lazyload,\r\n      slideOffsetTops, // collection of slide offset tops\r\n      slideItemsOut = [],\r\n      cloneCount = loop ? slideCount * 2 : 0,\r\n      slideCountNew = !carousel ? slideCount + cloneCount : slideCount + cloneCount * 2,\r\n      hasRightDeadZone = fixedWidth && !loop && !edgePadding ? true : false,\r\n      updateIndexBeforeTransform = !carousel || !loop ? true : false,\r\n      // transform\r\n      transformAttr = horizontal ? 'left' : 'top',\r\n      transformPrefix = '',\r\n      transformPostfix = '',\r\n      // index\r\n      startIndex = getOption('startIndex'),\r\n      index = startIndex ? updateStartIndex(startIndex) : !carousel ? 0 : cloneCount,\r\n      indexCached = index,\r\n      indexMin = 0,\r\n      indexMax = slideCountNew - items,\r\n      // resize\r\n      resizeTimer,\r\n      touchedOrDraged,\r\n      swipeAngle = options.swipeAngle,\r\n      moveDirectionExpected = swipeAngle ? '?' : true,\r\n      running = false,\r\n      onInit = options.onInit,\r\n      events = new Events(),\r\n      // id, class\r\n      containerIdCached = container.id,\r\n      classContainer = ' tns-slider tns-' + options.mode,\r\n      slideId = container.id || getSlideId(),\r\n      disable = getOption('disable'),\r\n      freezable = options.freezable,\r\n      freeze = disable ? true : freezable ? slideCount <= items : false,\r\n      frozen,\r\n      importantStr = nested === 'inner' ? ' !important' : '',\r\n      controlsEvents = {\r\n        'click': onControlsClick,\r\n        'keydown': onControlsKeydown\r\n      },\r\n      navEvents = {\r\n        'click': onNavClick,\r\n        'keydown': onNavKeydown\r\n      },\r\n      hoverEvents = {\r\n        'mouseover': mouseoverPause,\r\n        'mouseout': mouseoutRestart\r\n      },\r\n      visibilityEvent = {'visibilitychange': onVisibilityChange},\r\n      docmentKeydownEvent = {'keydown': onDocumentKeydown},\r\n      touchEvents = {\r\n        'touchstart': onTouchOrMouseStart,\r\n        'touchmove': onTouchOrMouseMove,\r\n        'touchend': onTouchOrMouseEnd,\r\n        'touchcancel': onTouchOrMouseEnd\r\n      }, dragEvents = {\r\n        'mousedown': onTouchOrMouseStart,\r\n        'mousemove': onTouchOrMouseMove,\r\n        'mouseup': onTouchOrMouseEnd,\r\n        'mouseleave': onTouchOrMouseEnd\r\n      },\r\n      hasControls = checkOption('controls'),\r\n      hasNav = checkOption('nav'),\r\n      navAsThumbnails = options.navAsThumbnails,\r\n      hasAutoplay = checkOption('autoplay'),\r\n      hasTouch = checkOption('touch'),\r\n      hasMouseDrag = checkOption('mouseDrag'),\r\n      slideActiveClass = 'tns-slide-active';\r\n\r\n  // check startIndex\r\n  function updateStartIndex (indexTem) {\r\n    indexTem = indexTem%slideCount;\r\n    if (indexTem < 0) { indexTem += slideCount; }\r\n    indexTem = Math.min(indexTem, slideCountNew - items);\r\n    return indexTem;\r\n  }\r\n\r\n  // controls\r\n  if (hasControls) {\r\n    var controls = getOption('controls'),\r\n        controlsText = getOption('controlsText'),\r\n        controlsContainer = options.controlsContainer,\r\n        prevButton,\r\n        nextButton,\r\n        prevIsButton,\r\n        nextIsButton;\r\n  }\r\n\r\n  // nav\r\n  if (hasNav) {\r\n    var nav = getOption('nav'),\r\n        navContainer = options.navContainer,\r\n        navItems,\r\n        visibleNavIndexes = [],\r\n        visibleNavIndexesCached = visibleNavIndexes,\r\n        navClicked = -1,\r\n        navCurrentIndex = index%slideCount,\r\n        navCurrentIndexCached = navCurrentIndex,\r\n        navActiveClass = 'tns-nav-active';\r\n  }\r\n\r\n  // autoplay\r\n  if (hasAutoplay) {\r\n    var autoplay = getOption('autoplay'),\r\n        autoplayTimeout = getOption('autoplayTimeout'),\r\n        autoplayDirection = options.autoplayDirection === 'forward' ? 1 : -1,\r\n        autoplayText = getOption('autoplayText'),\r\n        autoplayHoverPause = getOption('autoplayHoverPause'),\r\n        autoplayButton = options.autoplayButton,\r\n        autoplayResetOnVisibility = getOption('autoplayResetOnVisibility'),\r\n        autoplayHtmlStrings = ['<span class=\\'tns-visually-hidden\\'>', ' animation</span>'],\r\n        autoplayTimer,\r\n        animating,\r\n        autoplayHoverPaused,\r\n        autoplayUserPaused,\r\n        autoplayVisibilityPaused;\r\n  }\r\n\r\n  // touch\r\n  if (hasTouch) {\r\n    var touch = getOption('touch'),\r\n        startX = null,\r\n        startY = null,\r\n        translateInit,\r\n        disX,\r\n        disY;\r\n  }\r\n\r\n  // mouse drag\r\n  if (hasMouseDrag) {\r\n    var mouseDrag = getOption('mouseDrag'),\r\n        isDragEvent = false;\r\n  }\r\n\r\n  // disable slider when slidecount <= items\r\n  if (freeze) {\r\n    controls = nav = touch = mouseDrag = arrowKeys = autoplay = autoplayHoverPause = autoplayResetOnVisibility = false;\r\n  }\r\n\r\n  if (TRANSFORM) {\r\n    transformAttr = TRANSFORM;\r\n    transformPrefix = 'translate';\r\n    transformPrefix += horizontal ? 'X(' : 'Y(';\r\n    transformPostfix = ')';\r\n  }\r\n\r\n  // === COMMON FUNCTIONS === //\r\n  function getWindowWidth () {\r\n    return win.innerWidth || doc.documentElement.clientWidth || doc.body.clientWidth;\r\n  }\r\n\r\n  function getViewportWidth (el) {\r\n    var width = el.clientWidth;\r\n    return width ? width : getViewportWidth(el.parentNode);\r\n  }\r\n\r\n  function checkOption (item) {\r\n    var result = options[item];\r\n    if (!result && breakpoints && responsiveItems.indexOf(item) >= 0) {\r\n      breakpoints.forEach(function (bp) {\r\n        if (responsive[bp][item]) { result = true; }\r\n      });\r\n    }\r\n    return result;\r\n  }\r\n\r\n  function getOption (item, viewport) {\r\n    viewport = viewport ? viewport : windowWidth;\r\n\r\n    var obj = {\r\n          slideBy: 'page',\r\n          edgePadding: false,\r\n          autoHeight: true\r\n        },\r\n        result;\r\n\r\n    if (!carousel && item in obj) {\r\n      result = obj[item];\r\n    } else {\r\n      if (item === 'items' && getOption('fixedWidth')) {\r\n        result = Math.floor(vpOuter / (getOption('fixedWidth') + getOption('gutter')));\r\n      } else if (item === 'autoHeight' && nested === 'outer') {\r\n        result = true;\r\n      } else {\r\n        result = options[item];\r\n\r\n        if (breakpoints && responsiveItems.indexOf(item) >= 0) {\r\n          for (var i = 0, len = breakpoints.length; i < len; i++) {\r\n            var bp = breakpoints[i];\r\n            if (viewport >= bp) {\r\n              if (item in responsive[bp]) { result = responsive[bp][item]; }\r\n            } else { break; }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n\r\n    if (item === 'slideBy' && result === 'page') { result = getOption('items'); }\r\n\r\n    return result;\r\n  }\r\n\r\n  function getSlideMarginLeft (i) {\r\n    var str = CALC ?\r\n      CALC + '(' + i * 100 + '% / ' + slideCountNew + ')' :\r\n      i * 100 / slideCountNew + '%';\r\n    return str;\r\n  }\r\n\r\n  function getInnerWrapperStyles (edgePaddingTem, gutterTem, fixedWidthTem) {\r\n    var str = '';\r\n    if (edgePaddingTem) {\r\n      var gap = edgePaddingTem;\r\n      if (gutterTem) { gap += gutterTem; }\r\n      if (fixedWidthTem) {\r\n        str = 'margin: 0px ' + (vpOuter%(fixedWidthTem + gutterTem) + gutterTem) / 2 + 'px';\r\n      } else {\r\n        str = horizontal ?\r\n          'margin: 0 ' + edgePaddingTem + 'px 0 ' + gap + 'px;' :\r\n          'padding: ' + gap + 'px 0 ' + edgePaddingTem + 'px 0;';\r\n      }\r\n    } else if (gutterTem && !fixedWidthTem) {\r\n      var gutterTemUnit = '-' + gutterTem + 'px',\r\n          dir = horizontal ? gutterTemUnit + ' 0 0' : '0 ' + gutterTemUnit + ' 0';\r\n      str = 'margin: 0 ' + dir + ';';\r\n    }\r\n\r\n    return str;\r\n  }\r\n\r\n  function getContainerWidth (fixedWidthTem, gutterTem, itemsTem) {\r\n    var str;\r\n\r\n    if (fixedWidthTem) {\r\n      str = (fixedWidthTem + gutterTem) * slideCountNew + 'px';\r\n    } else {\r\n      str = CALC ?\r\n        CALC + '(' + slideCountNew * 100 + '% / ' + itemsTem + ')' :\r\n        slideCountNew * 100 / itemsTem + '%';\r\n    }\r\n\r\n    return str;\r\n  }\r\n\r\n  function getSlideWidthStyle (fixedWidthTem, gutterTem, itemsTem) {\r\n    var str = '';\r\n\r\n    if (horizontal) {\r\n      str = 'width:';\r\n      if (fixedWidthTem) {\r\n        str += (fixedWidthTem + gutterTem) + 'px';\r\n      } else {\r\n        var dividend = carousel ? slideCountNew : itemsTem;\r\n        str += CALC ?\r\n          CALC + '(100% / ' + dividend + ')' :\r\n          100 / dividend + '%';\r\n      }\r\n      str += importantStr + ';';\r\n    }\r\n\r\n    return str;\r\n  }\r\n\r\n  function getSlideGutterStyle (gutterTem) {\r\n    var str = '';\r\n\r\n    // gutter maybe interger || 0\r\n    // so can't use 'if (gutter)'\r\n    if (gutterTem !== false) {\r\n      var prop = horizontal ? 'padding-' : 'margin-',\r\n          dir = horizontal ? 'right' : 'bottom';\r\n      str = prop +  dir + ': ' + gutterTem + 'px;';\r\n    }\r\n\r\n    return str;\r\n  }\r\n\r\n  (function sliderInit () {\r\n    // First thing first, wrap container with 'outerWrapper > innerWrapper',\r\n    // to get the correct view width\r\n    outerWrapper.appendChild(innerWrapper);\r\n    containerParent.insertBefore(outerWrapper, container);\r\n    innerWrapper.appendChild(container);\r\n    vpInner = getViewportWidth(innerWrapper);\r\n\r\n    var classOuter = 'tns-outer',\r\n        classInner = 'tns-inner',\r\n        hasGutter = checkOption('gutter');\r\n\r\n    if (carousel) {\r\n      if (horizontal) {\r\n        if (checkOption('edgePadding') || hasGutter && !options.fixedWidth) {\r\n          classOuter += ' tns-ovh';\r\n        } else {\r\n          classInner += ' tns-ovh';\r\n        }\r\n      } else {\r\n        classInner += ' tns-ovh';\r\n      }\r\n    } else if (hasGutter) {\r\n      classOuter += ' tns-ovh';\r\n    }\r\n\r\n    outerWrapper.className = classOuter;\r\n    innerWrapper.className = classInner;\r\n    innerWrapper.id = slideId + '-iw';\r\n    if (autoHeight) {\r\n      innerWrapper.className += ' tns-ah';\r\n      innerWrapper.style[TRANSITIONDURATION] = speed / 1000 + 's';\r\n    }\r\n\r\n    // set container properties\r\n    if (container.id === '') { container.id = slideId; }\r\n    classContainer += SUBPIXEL ? ' tns-subpixel' : ' tns-no-subpixel';\r\n    classContainer += CALC ? ' tns-calc' : ' tns-no-calc';\r\n    if (carousel) { classContainer += ' tns-' + options.axis; }\r\n    container.className += classContainer;\r\n    // add event\r\n    if (carousel && TRANSITIONEND) {\r\n      var eve = {};\r\n      eve[TRANSITIONEND] = onTransitionEnd;\r\n      addEvents(container, eve);\r\n    }\r\n\r\n    // delete datas after init\r\n    classOuter = classInner = null;\r\n\r\n    // add id, class, aria attributes\r\n    // before clone slides\r\n    for (var x = 0; x < slideCount; x++) {\r\n      var item = slideItems[x];\r\n      if (!item.id) { item.id = slideId + '-item' + x; }\r\n      addClass(item, 'tns-item');\r\n      if (!carousel && animateNormal) { addClass(item, animateNormal); }\r\n      setAttrs(item, {\r\n        'aria-hidden': 'true',\r\n        'tabindex': '-1'\r\n      });\r\n    }\r\n\r\n    // clone slides\r\n    if (loop || edgePadding) {\r\n      var fragmentBefore = doc.createDocumentFragment(),\r\n          fragmentAfter = doc.createDocumentFragment();\r\n\r\n      for (var j = cloneCount; j--;) {\r\n        var num = j%slideCount,\r\n            cloneFirst = slideItems[num].cloneNode(true);\r\n        removeAttrs(cloneFirst, 'id');\r\n        fragmentAfter.insertBefore(cloneFirst, fragmentAfter.firstChild);\r\n\r\n        if (carousel) {\r\n          var cloneLast = slideItems[slideCount - 1 - num].cloneNode(true);\r\n          removeAttrs(cloneLast, 'id');\r\n          fragmentBefore.appendChild(cloneLast);\r\n        }\r\n      }\r\n\r\n      container.insertBefore(fragmentBefore, container.firstChild);\r\n      container.appendChild(fragmentAfter);\r\n      slideItems = container.children;\r\n    }\r\n\r\n    // activate visible slides\r\n    // add aria attrs\r\n    // set animation classes and left value for gallery slider\r\n    // use slide count when slides are fewer than items\r\n    for (var i = index, l = index + Math.min(slideCount, items); i < l; i++) {\r\n      var item = slideItems[i];\r\n      setAttrs(item, {'aria-hidden': 'false'});\r\n      removeAttrs(item, ['tabindex']);\r\n      addClass(item, slideActiveClass);\r\n\r\n      if (!carousel) {\r\n        item.style.left = (i - index) * 100 / items + '%';\r\n        addClass(item, animateIn);\r\n        removeClass(item, animateNormal);\r\n      }\r\n    }\r\n\r\n    if (carousel && horizontal) {\r\n      // set font-size rules\r\n      // for modern browsers\r\n      if (SUBPIXEL) {\r\n        // set slides font-size first\r\n        addCSSRule(sheet, '#' + slideId + ' > .tns-item', 'font-size:' + win.getComputedStyle(slideItems[0]).fontSize + ';', getCssRulesLength(sheet));\r\n        addCSSRule(sheet, '#' + slideId, 'font-size:0;', getCssRulesLength(sheet));\r\n\r\n      // slide left margin\r\n      // for IE8 & webkit browsers (no subpixel)\r\n      } else {\r\n        forEachNodeList(slideItems, function (slide, i) {\r\n          slide.style.marginLeft = getSlideMarginLeft(i);\r\n        });\r\n      }\r\n    }\r\n\r\n    if (CSSMQ) {\r\n      // inner wrapper styles\r\n      var str = getInnerWrapperStyles(options.edgePadding, options.gutter, options.fixedWidth);\r\n      addCSSRule(sheet, '#' + slideId + '-iw', str, getCssRulesLength(sheet));\r\n\r\n      // container styles\r\n      if (carousel && horizontal) {\r\n        str = 'width:' + getContainerWidth(options.fixedWidth, options.gutter, options.items);\r\n        addCSSRule(sheet, '#' + slideId, str, getCssRulesLength(sheet));\r\n      }\r\n\r\n      // slide styles\r\n      if (horizontal || options.gutter) {\r\n        str = getSlideWidthStyle(options.fixedWidth, options.gutter, options.items) +\r\n              getSlideGutterStyle(options.gutter);\r\n        addCSSRule(sheet, '#' + slideId + ' > .tns-item', str, getCssRulesLength(sheet));\r\n      }\r\n\r\n    // non CSS mediaqueries: IE8\r\n    // ## update inner wrapper, container, slides if needed\r\n    // set inline styles for inner wrapper & container\r\n    // insert stylesheet (one line) for slides only (since slides are many)\r\n    } else {\r\n      // inner wrapper styles\r\n      innerWrapper.style.cssText = getInnerWrapperStyles(edgePadding, gutter, fixedWidth);\r\n\r\n      // container styles\r\n      if (carousel && horizontal) {\r\n        container.style.width = getContainerWidth(fixedWidth, gutter, items);\r\n      }\r\n\r\n      // slide styles\r\n      if (horizontal || gutter) {\r\n        var str = getSlideWidthStyle(fixedWidth, gutter, items) +\r\n                  getSlideGutterStyle(gutter);\r\n        // append to the last line\r\n        addCSSRule(sheet, '#' + slideId + ' > .tns-item', str, getCssRulesLength(sheet));\r\n      }\r\n    }\r\n\r\n    if (!horizontal && !disable) {\r\n      getSlideOffsetTops();\r\n      updateContentWrapperHeight();\r\n    }\r\n\r\n    // media queries\r\n    if (responsive && CSSMQ) {\r\n      breakpoints.forEach(function(bp) {\r\n        var opts = responsive[bp],\r\n            str = '',\r\n            innerWrapperStr = '',\r\n            containerStr = '',\r\n            slideStr = '',\r\n            itemsBP = getOption('items', bp),\r\n            fixedWidthBP = getOption('fixedWidth', bp),\r\n            edgePaddingBP = getOption('edgePadding', bp),\r\n            gutterBP = getOption('gutter', bp);\r\n\r\n        // inner wrapper string\r\n        if ('edgePadding' in opts || 'gutter' in opts) {\r\n          innerWrapperStr = '#' + slideId + '-iw{' + getInnerWrapperStyles(edgePaddingBP, gutterBP, fixedWidthBP) + '}';\r\n        }\r\n\r\n        // container string\r\n        if (carousel && horizontal && ('fixedWidth' in opts || 'gutter' in opts || 'items' in opts)) {\r\n          containerStr = '#' + slideId + '{' + 'width:' + getContainerWidth(fixedWidthBP, gutterBP, itemsBP) + '}';\r\n        }\r\n\r\n        // slide string\r\n        if ('fixedWidth' in opts || checkOption('fixedWidth') && 'gutter' in opts || !carousel && 'items' in opts) {\r\n          slideStr += getSlideWidthStyle(fixedWidthBP, gutterBP, itemsBP);\r\n        }\r\n        if ('gutter' in opts) {\r\n          slideStr += getSlideGutterStyle(gutterBP);\r\n        }\r\n        if (slideStr.length > 0) { slideStr = '#' + slideId + ' > .tns-item{' + slideStr + '}'; }\r\n\r\n        str = innerWrapperStr + containerStr + slideStr;\r\n\r\n        if (str.length > 0) {\r\n          sheet.insertRule('@media (min-width: ' + bp / 16 + 'em) {' + str + '}', sheet.cssRules.length);\r\n        }\r\n      });\r\n    }\r\n\r\n\r\n    // set container transform property\r\n    if (carousel && !disable) {\r\n      doContainerTransform();\r\n    }\r\n\r\n\r\n    // == msInit ==\r\n    // for IE10\r\n    if (navigator.msMaxTouchPoints) {\r\n      addClass(outerWrapper, 'ms-touch');\r\n      addEvents(outerWrapper, {'scroll': ie10Scroll});\r\n      setSnapInterval();\r\n    }\r\n\r\n\r\n    // == navInit ==\r\n    if (hasNav) {\r\n      var initIndex = !carousel ? 0 : cloneCount;\r\n      // customized nav\r\n      // will not hide the navs in case they're thumbnails\r\n      if (navContainer) {\r\n        setAttrs(navContainer, {'aria-label': 'Carousel Pagination'});\r\n        navItems = navContainer.children;\r\n        forEachNodeList(navItems, function (item, i) {\r\n          setAttrs(item, {\r\n            'data-nav': i,\r\n            'tabindex': '-1',\r\n            'aria-selected': 'false',\r\n            'aria-controls': slideItems[initIndex + i].id,\r\n          });\r\n        });\r\n\r\n      // generated nav\r\n      } else {\r\n        var navHtml = '',\r\n            hiddenStr = navAsThumbnails ? '' : ' hidden';\r\n        for (var i = 0; i < slideCount; i++) {\r\n          // hide nav items by default\r\n          navHtml += '<button data-nav=\"' + i +'\" tabindex=\"-1\" aria-selected=\"false\" aria-controls=\"' + slideItems[initIndex + i].id + hiddenStr + '\" type=\"button\"></button>';\r\n        }\r\n        navHtml = '<div class=\"tns-nav\" aria-label=\"Carousel Pagination\">' + navHtml + '</div>';\r\n        outerWrapper.insertAdjacentHTML('afterbegin', navHtml);\r\n\r\n        navContainer = outerWrapper.querySelector('.tns-nav');\r\n        navItems = navContainer.children;\r\n\r\n      }\r\n\r\n      updateNavVisibility();\r\n\r\n      // add transition\r\n      if (TRANSITIONDURATION) {\r\n        var prefix = TRANSITIONDURATION.substring(0, TRANSITIONDURATION.length - 18).toLowerCase(),\r\n            str = 'transition: all ' + speed / 1000 + 's';\r\n\r\n        if (prefix) {\r\n          str = '-' + prefix + '-' + str;\r\n        }\r\n\r\n        addCSSRule(sheet, '[aria-controls^=' + slideId + '-item]', str, getCssRulesLength(sheet));\r\n      }\r\n\r\n      setAttrs(navItems[navCurrentIndex], {'tabindex': '0', 'aria-selected': 'true'});\r\n      addClass(navItems[navCurrentIndex], navActiveClass);\r\n\r\n      // add events\r\n      addEvents(navContainer, navEvents);\r\n\r\n      if (!nav) { hideElement(navContainer); }\r\n    }\r\n\r\n\r\n    // == autoplayInit ==\r\n    if (hasAutoplay) {\r\n      var txt = autoplay ? 'stop' : 'start';\r\n      if (autoplayButton) {\r\n        setAttrs(autoplayButton, {'data-action': txt});\r\n      } else if (options.autoplayButtonOutput) {\r\n        innerWrapper.insertAdjacentHTML('beforebegin', '<button data-action=\"' + txt + '\" type=\"button\">' + autoplayHtmlStrings[0] + txt + autoplayHtmlStrings[1] + autoplayText[0] + '</button>');\r\n        autoplayButton = outerWrapper.querySelector('[data-action]');\r\n      }\r\n\r\n      // add event\r\n      if (autoplayButton) {\r\n        addEvents(autoplayButton, {'click': toggleAutoplay});\r\n      }\r\n\r\n      if (!autoplay) {\r\n        if (autoplayButton) {\r\n          hideElement(autoplayButton);\r\n        }\r\n      } else {\r\n        startAutoplay();\r\n        if (autoplayHoverPause) { addEvents(container, hoverEvents); }\r\n        if (autoplayResetOnVisibility) { addEvents(container, visibilityEvent); }\r\n      }\r\n    }\r\n\r\n\r\n    // == controlsInit ==\r\n    if (hasControls) {\r\n      if (controlsContainer) {\r\n        prevButton = controlsContainer.children[0];\r\n        nextButton = controlsContainer.children[1];\r\n        setAttrs(controlsContainer, {\r\n          'aria-label': 'Carousel Navigation',\r\n          'tabindex': '0'\r\n        });\r\n        setAttrs(prevButton, {'data-controls' : 'prev'});\r\n        setAttrs(nextButton, {'data-controls' : 'next'});\r\n        setAttrs(controlsContainer.children, {\r\n          'aria-controls': slideId,\r\n          'tabindex': '-1',\r\n        });\r\n      } else {\r\n        outerWrapper.insertAdjacentHTML('afterbegin', '<div class=\"tns-controls\" aria-label=\"Carousel Navigation\" tabindex=\"0\"><button data-controls=\"prev\" tabindex=\"-1\" aria-controls=\"' + slideId +'\" type=\"button\">' + controlsText[0] + '</button><button data-controls=\"next\" tabindex=\"-1\" aria-controls=\"' + slideId +'\" type=\"button\">' + controlsText[1] + '</button></div>');\r\n\r\n        controlsContainer = outerWrapper.querySelector('.tns-controls');\r\n        prevButton = controlsContainer.children[0];\r\n        nextButton = controlsContainer.children[1];\r\n      }\r\n\r\n      prevIsButton = isButton(prevButton);\r\n      nextIsButton = isButton(nextButton);\r\n\r\n      updateControlsStatus();\r\n\r\n      // add events\r\n      addEvents(controlsContainer, controlsEvents);\r\n\r\n      if (!controls) { hideElement(controlsContainer); }\r\n    }\r\n\r\n\r\n    if (touch) { addEvents(container, touchEvents); }\r\n    if (mouseDrag) { addEvents(container, dragEvents); }\r\n    if (arrowKeys) { addEvents(doc, docmentKeydownEvent); }\r\n\r\n\r\n    if (nested === 'inner') {\r\n      events.on('outerResized', function () {\r\n        resizeTasks();\r\n        events.emit('innerLoaded', info());\r\n      });\r\n    } else {\r\n      addEvents(win, {'resize': onResize});\r\n      if (nested === 'outer') {\r\n        events.on('innerLoaded', runAutoHeight);\r\n      }\r\n    }\r\n\r\n    lazyLoad();\r\n    runAutoHeight();\r\n    toggleSlideDisplayAndEdgePadding();\r\n    updateFixedWidthInnerWrapperStyle();\r\n\r\n    events.on('indexChanged', additionalUpdates);\r\n\r\n    if (typeof onInit === 'function') { onInit(info()); }\r\n    if (nested === 'inner') { events.emit('innerLoaded', info()); }\r\n\r\n    if (disable) { disableSlider(true); }\r\n\r\n    isOn = true;\r\n  })();\r\n\r\n\r\n\r\n\r\n\r\n// === ON RESIZE ===\r\n  function onResize (e) {\r\n    e = e || win.event;\r\n\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(function () {\r\n      if (isOn) {\r\n        var newWW = getWindowWidth();\r\n        if (windowWidth !== newWW) {\r\n          windowWidth = newWW;\r\n\r\n          resizeTasks();\r\n\r\n          if (nested === 'outer') { events.emit('outerResized', info(e)); }\r\n        }\r\n      }\r\n    }, 100); // update after stop resizing for 100 ms\r\n  }\r\n\r\n  function resizeTasks () {\r\n    var breakpointZoneTem = breakpointZone,\r\n        indexTem = index,\r\n        itemsTem = items,\r\n        freezeTem = freeze;\r\n\r\n    if (fixedWidth) { vpOuter = getViewportWidth(outerWrapper); }\r\n    vpInner = getViewportWidth(innerWrapper);\r\n    if (breakpoints) { setBreakpointZone(); }\r\n\r\n\r\n    // things do when breakpoint zone change\r\n    if (breakpointZoneTem !== breakpointZone || fixedWidth) {\r\n      var slideByTem = slideBy,\r\n          arrowKeysTem = arrowKeys,\r\n          autoHeightTem = autoHeight,\r\n          fixedWidthTem = fixedWidth,\r\n          edgePaddingTem = edgePadding,\r\n          gutterTem = gutter,\r\n          disableTem = disable;\r\n\r\n      // update variables\r\n      items = getOption('items');\r\n      slideBy = getOption('slideBy');\r\n      disable = getOption('disable');\r\n      freeze = disable ? true : freezable ? slideCount <= items : false;\r\n\r\n      if (items !== itemsTem) {\r\n        indexMax = slideCountNew - items;\r\n        // check index before transform in case\r\n        // slider reach the right edge then items become bigger\r\n        updateIndex();\r\n      }\r\n\r\n      if (disable !== disableTem) {\r\n        disableSlider(disable);\r\n      }\r\n\r\n      if (freeze !== freezeTem) {\r\n        // reset index to initial status\r\n        if (freeze) { index = !carousel ? 0 : cloneCount; }\r\n\r\n        toggleSlideDisplayAndEdgePadding();\r\n      }\r\n\r\n      if (breakpointZoneTem !== breakpointZone) {\r\n        speed = getOption('speed');\r\n        edgePadding = getOption('edgePadding');\r\n        gutter = getOption('gutter');\r\n\r\n        fixedWidth = getOption('fixedWidth');\r\n        if (!disable && fixedWidth !== fixedWidthTem) {\r\n          doContainerTransform();\r\n        }\r\n\r\n        autoHeight = getOption('autoHeight');\r\n        if (autoHeight !== autoHeightTem) {\r\n          if (!autoHeight) { innerWrapper.style.height = ''; }\r\n        }\r\n      }\r\n\r\n      arrowKeys = freeze ? false : getOption('arrowKeys');\r\n      if (arrowKeys !== arrowKeysTem) {\r\n        arrowKeys ?\r\n          addEvents(doc, docmentKeydownEvent) :\r\n          removeEvents(doc, docmentKeydownEvent);\r\n      }\r\n\r\n      if (hasControls) {\r\n        var controlsTem = controls,\r\n            controlsTextTem = controlsText;\r\n        controls = freeze ? false : getOption('controls');\r\n        controlsText = getOption('controlsText');\r\n\r\n        if (controls !== controlsTem) {\r\n          controls ?\r\n            showElement(controlsContainer) :\r\n            hideElement(controlsContainer);\r\n        }\r\n        if (controlsText !== controlsTextTem) {\r\n          prevButton.innerHTML = controlsText[0];\r\n          nextButton.innerHTML = controlsText[1];\r\n        }\r\n      }\r\n      if (hasNav) {\r\n        var navTem = nav;\r\n        nav = freeze ? false : getOption('nav');\r\n\r\n        if (nav !== navTem) {\r\n          if (nav) {\r\n            showElement(navContainer);\r\n            updateNavVisibility();\r\n          } else {\r\n            hideElement(navContainer);\r\n          }\r\n        }\r\n      }\r\n      if (hasTouch) {\r\n        var touchTem = touch;\r\n        touch = freeze ? false : getOption('touch');\r\n\r\n        if (touch !== touchTem && carousel) {\r\n          touch ?\r\n            addEvents(container, touchEvents) :\r\n            removeEvents(container, touchEvents);\r\n        }\r\n      }\r\n      if (hasMouseDrag) {\r\n        var mouseDragTem = mouseDrag;\r\n        mouseDrag = freeze ? false : getOption('mouseDrag');\r\n\r\n        if (mouseDrag !== mouseDragTem && carousel) {\r\n          mouseDrag ?\r\n            addEvents(container, dragEvents) :\r\n            removeEvents(container, dragEvents);\r\n        }\r\n      }\r\n      if (hasAutoplay) {\r\n        var autoplayTem = autoplay,\r\n            autoplayHoverPauseTem = autoplayHoverPause,\r\n            autoplayResetOnVisibilityTem = autoplayResetOnVisibility,\r\n            autoplayTextTem = autoplayText;\r\n\r\n        if (freeze) {\r\n          autoplay = autoplayHoverPause = autoplayResetOnVisibility = false;\r\n        } else {\r\n          autoplay = getOption('autoplay');\r\n\r\n          if (autoplay) {\r\n            autoplayHoverPause = getOption('autoplayHoverPause');\r\n            autoplayResetOnVisibility = getOption('autoplayResetOnVisibility');\r\n          } else {\r\n            autoplayHoverPause = autoplayResetOnVisibility = false;\r\n          }\r\n        }\r\n        autoplayText = getOption('autoplayText');\r\n        autoplayTimeout = getOption('autoplayTimeout');\r\n\r\n        if (autoplay !== autoplayTem) {\r\n          if (autoplay) {\r\n            if (autoplayButton) { showElement(autoplayButton); }\r\n            if (!animating && !autoplayUserPaused) { startAutoplay(); }\r\n          } else {\r\n            if (autoplayButton) { hideElement(autoplayButton); }\r\n            if (animating) { stopAutoplay(); }\r\n          }\r\n        }\r\n        if (autoplayHoverPause !== autoplayHoverPauseTem) {\r\n          autoplayHoverPause ?\r\n            addEvents(container, hoverEvents) :\r\n            removeEvents(container, hoverEvents);\r\n        }\r\n        if (autoplayResetOnVisibility !== autoplayResetOnVisibilityTem) {\r\n          autoplayResetOnVisibility ?\r\n            addEvents(doc, visibilityEvent) :\r\n            removeEvents(doc, visibilityEvent);\r\n        }\r\n        if (autoplayButton && autoplayText !== autoplayTextTem) {\r\n          var i = autoplay ? 1 : 0,\r\n              html = autoplayButton.innerHTML,\r\n              len = html.length - autoplayTextTem[i].length;\r\n          if (html.substring(len) === autoplayTextTem[i]) {\r\n            autoplayButton.innerHTML = html.substring(0, len) + autoplayText[i];\r\n          }\r\n        }\r\n      }\r\n\r\n      // IE8\r\n      // ## update inner wrapper, container, slides if needed\r\n      // set inline styles for inner wrapper & container\r\n      // insert stylesheet (one line) for slides only (since slides are many)\r\n      if (!CSSMQ) {\r\n        // inner wrapper styles\r\n        if (!freeze && (edgePadding !== edgePaddingTem || gutter !== gutterTem)) {\r\n          innerWrapper.style.cssText = getInnerWrapperStyles(edgePadding, gutter, fixedWidth);\r\n        }\r\n\r\n        // container styles\r\n        if (carousel && horizontal && (fixedWidth !== fixedWidthTem || gutter !== gutterTem || items !== itemsTem)) {\r\n          container.style.width = getContainerWidth(fixedWidth, gutter, items);\r\n        }\r\n\r\n        // slide styles\r\n        if (horizontal && (items !== itemsTem || gutter !== gutterTem || fixedWidth != fixedWidthTem)) {\r\n          var str = getSlideWidthStyle(fixedWidth, gutter, items) +\r\n                    getSlideGutterStyle(gutter);\r\n\r\n          // remove the last line and\r\n          // add new styles\r\n          sheet.removeRule(getCssRulesLength(sheet) - 1);\r\n          addCSSRule(sheet, '#' + slideId + ' > .tns-item', str, getCssRulesLength(sheet));\r\n        }\r\n\r\n        // will do transform later if index !== indexTem\r\n        // make sure doTransform will only run once\r\n        if (!fixedWidth && index === indexTem) { doTransform(0); }\r\n      }\r\n\r\n      if (index !== indexTem) {\r\n        events.emit('indexChanged', info());\r\n        doTransform(0);\r\n        indexCached = index;\r\n      }\r\n\r\n      if (items !== itemsTem) {\r\n        additionalUpdates();\r\n        updateSlidePosition();\r\n        runAutoHeight();\r\n\r\n        if (navigator.msMaxTouchPoints) { setSnapInterval(); }\r\n      }\r\n    }\r\n\r\n    // things always do regardless of breakpoint zone changing\r\n    if (!horizontal && !disable) {\r\n      getSlideOffsetTops();\r\n      updateContentWrapperHeight();\r\n      doContainerTransform();\r\n    }\r\n\r\n    updateFixedWidthInnerWrapperStyle(true);\r\n\r\n    // auto height\r\n    runAutoHeight();\r\n  }\r\n\r\n\r\n\r\n\r\n\r\n  // === INITIALIZATION FUNCTIONS === //\r\n  function setBreakpointZone () {\r\n    breakpointZone = 0;\r\n    breakpoints.forEach(function(bp, i) {\r\n      if (windowWidth >= bp) { breakpointZone = i + 1; }\r\n    });\r\n  }\r\n\r\n  // (slideBy, indexMin, indexMax) => index\r\n  var updateIndex = (function () {\r\n    return loop ?\r\n      function () {\r\n        var leftEdge = indexMin,\r\n            rightEdge = indexMax;\r\n\r\n        if (carousel) {\r\n          leftEdge += slideBy;\r\n          rightEdge -= slideBy;\r\n\r\n          // adjust edges when edge padding is true\r\n          // or fixed-width slider with extra space on the right side\r\n          if (edgePadding) {\r\n            leftEdge += 1;\r\n            rightEdge -= 1;\r\n          } else if (fixedWidth) {\r\n            var gt = gutter ? gutter : 0;\r\n            if (vpOuter%(fixedWidth + gt) > gt) { rightEdge -= 1; }\r\n          }\r\n        }\r\n\r\n        if (index > rightEdge) {\r\n          while(index >= leftEdge + slideCount) { index -= slideCount; }\r\n        } else if(index < leftEdge) {\r\n          while(index <= rightEdge - slideCount) { index += slideCount; }\r\n        }\r\n      } :\r\n      function () { index = Math.max(indexMin, Math.min(indexMax, index)); };\r\n  })();\r\n\r\n  function toggleSlideDisplayAndEdgePadding () {\r\n    // if (cloneCount) {\r\n    // if (fixedWidth && cloneCount) {\r\n      var str = 'tns-transparent';\r\n\r\n      if (freeze) {\r\n        if (!frozen) {\r\n          // remove edge padding from inner wrapper\r\n          if (edgePadding) { innerWrapper.style.margin = '0px'; }\r\n\r\n          // add class tns-transparent to cloned slides\r\n          if (cloneCount) {\r\n            for (var i = cloneCount; i--;) {\r\n              if (carousel) { addClass(slideItems[i], str); }\r\n              addClass(slideItems[slideCountNew - i - 1], str);\r\n            }\r\n          }\r\n\r\n          frozen = true;\r\n        }\r\n      } else if (frozen) {\r\n        // restore edge padding for inner wrapper\r\n        // for mordern browsers\r\n        if (edgePadding && !fixedWidth && CSSMQ) { innerWrapper.style.margin = ''; }\r\n\r\n        // remove class tns-transparent to cloned slides\r\n        if (cloneCount) {\r\n          for (var i = cloneCount; i--;) {\r\n            if (carousel) { removeClass(slideItems[i], str); }\r\n            removeClass(slideItems[slideCountNew - i - 1], str);\r\n          }\r\n        }\r\n\r\n        frozen = false;\r\n      }\r\n    // }\r\n  }\r\n\r\n  function updateFixedWidthInnerWrapperStyle (resize) {\r\n    if (fixedWidth && edgePadding) {\r\n      // remove edge padding when freeze or viewport narrower than one slide\r\n      if (freeze || vpOuter <= (fixedWidth + gutter)) {\r\n        if (innerWrapper.style.margin !== '0px') { innerWrapper.style.margin = '0px'; }\r\n      // update edge padding on resize\r\n      } else if (resize) {\r\n        innerWrapper.style.cssText = getInnerWrapperStyles(edgePadding, gutter, fixedWidth);\r\n      }\r\n    }\r\n  }\r\n\r\n  function disableSlider (disable) {\r\n    var len = slideItems.length;\r\n\r\n    if (disable) {\r\n      sheet.disabled = true;\r\n      container.className = container.className.replace(classContainer.substring(1), '');\r\n      removeElementStyles(container);\r\n      if (loop) {\r\n        for (var j = cloneCount; j--;) {\r\n          if (carousel) { hideElement(slideItems[j]); }\r\n          hideElement(slideItems[len - j - 1]);\r\n        }\r\n      }\r\n\r\n      // vertical slider\r\n      if (!horizontal || !carousel) { removeElementStyles(innerWrapper); }\r\n\r\n      // gallery\r\n      if (!carousel) {\r\n        for (var i = index, l = index + slideCount; i < l; i++) {\r\n          var item = slideItems[i];\r\n          removeElementStyles(item);\r\n          removeClass(item, animateIn);\r\n          removeClass(item, animateNormal);\r\n        }\r\n      }\r\n    } else {\r\n      sheet.disabled = false;\r\n      container.className += classContainer;\r\n\r\n      // vertical slider: get offsetTops before container transform\r\n      if (!horizontal) { getSlideOffsetTops(); }\r\n\r\n      doContainerTransform();\r\n      if (loop) {\r\n        for (var j = cloneCount; j--;) {\r\n          if (carousel) { showElement(slideItems[j]); }\r\n          showElement(slideItems[len - j - 1]);\r\n        }\r\n      }\r\n\r\n      // gallery\r\n      if (!carousel) {\r\n        for (var i = index, l = index + slideCount; i < l; i++) {\r\n          var item = slideItems[i],\r\n              classN = i < index + items ? animateIn : animateNormal;\r\n          item.style.left = (i - index) * 100 / items + '%';\r\n          addClass(item, classN);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // lazyload\r\n  function lazyLoad () {\r\n    if (lazyload && !disable) {\r\n      var i = index,\r\n          len = index + items;\r\n\r\n      if (edgePadding) {\r\n        i -=1;\r\n        len +=1;\r\n      }\r\n\r\n      for(; i < len; i++) {\r\n        forEachNodeList(slideItems[i].querySelectorAll('.tns-lazy-img'), function (img) {\r\n          // stop propagationl transitionend event to container\r\n          var eve = {};\r\n          eve[TRANSITIONEND] = function (e) { e.stopPropagation(); };\r\n          addEvents(img, eve);\r\n\r\n          if (!hasClass(img, 'loaded')) {\r\n            img.src = getAttr(img, 'data-src');\r\n            addClass(img, 'loaded');\r\n          }\r\n        });\r\n      }\r\n    }\r\n  }\r\n\r\n  // check if all visible images are loaded\r\n  // and update container height if it's done\r\n  function runAutoHeight () {\r\n    if (autoHeight && !disable) {\r\n      // get all images inside visible slide items\r\n      var images = [],\r\n          imagesSuccess = [],\r\n          imagesFail = [];\r\n\r\n      for (var i = index, l = index + items; i < l; i++) {\r\n        forEachNodeList(slideItems[i].querySelectorAll('img'), function (img) {\r\n          img.addEventListener('load', function loadcheck () {\r\n            imagesSuccess.push(img);\r\n            img.removeEventListener('load', loadcheck);\r\n          });\r\n          img.addEventListener('error', function errorcheck() {\r\n            imagesFail.push(img);\r\n            img.removeEventListener('error', errorcheck);\r\n          });\r\n\r\n          var src = img.src;\r\n          img.src = \"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==\";\r\n          img.src = src;\r\n          images.push(img);\r\n        });\r\n      }\r\n\r\n      if (!images.length) {\r\n        updateInnerWrapperHeight();\r\n        return;\r\n      }\r\n\r\n      checkImagesLoaded(images, imagesSuccess, imagesFail);\r\n    }\r\n  }\r\n\r\n  function checkImagesLoaded (imgs, imgsSuccess, imgsFail) {\r\n    imgs.forEach(function (img, index) {\r\n      if (imgsSuccess.indexOf(img) >= 0 || imgsFail.indexOf(img) >= 0) {\r\n        imgs.splice(index, 1);\r\n      }\r\n    });\r\n\r\n    if (!imgs.length) {\r\n      updateInnerWrapperHeight();\r\n      return;\r\n    }\r\n\r\n    setTimeout(function () {\r\n      checkImagesLoaded(imgs, imgsSuccess, imgsFail);\r\n    }, 16);\r\n  }\r\n\r\n  function additionalUpdates () {\r\n    lazyLoad();\r\n    updateSlideStatus();\r\n    updateControlsStatus();\r\n    updateNavVisibility();\r\n    updateNavStatus();\r\n  }\r\n\r\n\r\n  // update inner wrapper height\r\n  // 1. get the max-height of the visible slides\r\n  // 2. set transitionDuration to speed\r\n  // 3. update inner wrapper height to max-height\r\n  // 4. set transitionDuration to 0s after transition done\r\n  function updateInnerWrapperHeight () {\r\n    if (autoHeight) {\r\n      var heights = [], maxHeight;\r\n      for (var i = index, l = index + items; i < l; i++) {\r\n        heights.push(slideItems[i].offsetHeight);\r\n      }\r\n      maxHeight = Math.max.apply(null, heights);\r\n\r\n      if (innerWrapper.style.height !== maxHeight) {\r\n        if (TRANSITIONDURATION) { setDurations(speed); }\r\n        innerWrapper.style.height = maxHeight + 'px';\r\n      }\r\n    }\r\n  }\r\n\r\n  // get the distance from the top edge of the first slide to each slide\r\n  // (init) => slideOffsetTops\r\n  function getSlideOffsetTops () {\r\n    slideOffsetTops = [0];\r\n    var topFirst = slideItems[0].getBoundingClientRect().top, attr;\r\n    for (var i = 1; i < slideCountNew; i++) {\r\n      attr = slideItems[i].getBoundingClientRect().top;\r\n      slideOffsetTops.push(attr - topFirst);\r\n    }\r\n  }\r\n\r\n  // set snapInterval (for IE10)\r\n  function setSnapInterval () {\r\n    outerWrapper.style.msScrollSnapPointsX = 'snapInterval(0%, ' + (100 / items) + '%)';\r\n  }\r\n\r\n  // update slide\r\n  function updateSlideStatus () {\r\n    var l = index + Math.min(slideCount, items);\r\n    for (var i = slideCountNew; i--;) {\r\n      var item = slideItems[i];\r\n\r\n      // visible slides\r\n      if (i >= index && i < l) {\r\n        if (hasAttr(item, 'tabindex')) {\r\n          setAttrs(item, {'aria-hidden': 'false'});\r\n          removeAttrs(item, ['tabindex']);\r\n          addClass(item, slideActiveClass);\r\n        }\r\n      // hidden slides\r\n      } else {\r\n        if (!hasAttr(item, 'tabindex')) {\r\n          setAttrs(item, {\r\n            'aria-hidden': 'true',\r\n            'tabindex': '-1'\r\n          });\r\n        }\r\n        if (hasClass(item, slideActiveClass)) {\r\n          removeClass(item, slideActiveClass);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // gallery: update slide position\r\n  function updateSlidePosition () {\r\n    if (!carousel) {\r\n      var l = index + Math.min(slideCount, items);\r\n      for (var i = slideCountNew; i--;) {\r\n        var item = slideItems[i];\r\n\r\n        if (i >= index && i < l) {\r\n          // add transitions to visible slides when adjusting their positions\r\n          addClass(item, 'tns-moving');\r\n\r\n          item.style.left = (i - index) * 100 / items + '%';\r\n          addClass(item, animateIn);\r\n          removeClass(item, animateNormal);\r\n        } else if (item.style.left) {\r\n          item.style.left = '';\r\n          addClass(item, animateNormal);\r\n          removeClass(item, animateIn);\r\n        }\r\n\r\n        // remove outlet animation\r\n        removeClass(item, animateOut);\r\n      }\r\n\r\n      // removing '.tns-moving'\r\n      setTimeout(function() {\r\n        forEachNodeList(slideItems, function(el) {\r\n          removeClass(el, 'tns-moving');\r\n        });\r\n      }, 300);\r\n    }\r\n  }\r\n\r\n  // set tabindex & aria-selected on Nav\r\n  function updateNavStatus () {\r\n    // get current nav\r\n    if (nav) {\r\n      navCurrentIndex = navClicked !== -1 ? navClicked : index%slideCount;\r\n      navClicked = -1;\r\n\r\n      if (navCurrentIndex !== navCurrentIndexCached) {\r\n        var navPrev = navItems[navCurrentIndexCached],\r\n            navCurrent = navItems[navCurrentIndex];\r\n\r\n        setAttrs(navPrev, {\r\n          'tabindex': '-1',\r\n          'aria-selected': 'false'\r\n        });\r\n        setAttrs(navCurrent, {\r\n          'tabindex': '0',\r\n          'aria-selected': 'true'\r\n        });\r\n        removeClass(navPrev, navActiveClass);\r\n        addClass(navCurrent, navActiveClass);\r\n      }\r\n    }\r\n  }\r\n\r\n  function getLowerCaseNodeName (el) {\r\n    return el.nodeName.toLowerCase();\r\n  }\r\n\r\n  function isButton (el) {\r\n    return getLowerCaseNodeName(el) === 'button';\r\n  }\r\n\r\n  function isAriaDisabled (el) {\r\n    return el.getAttribute('aria-disabled') === 'true';\r\n  }\r\n\r\n  function disEnableElement (isButton, el, val) {\r\n    if (isButton) {\r\n      el.disabled = val;\r\n    } else {\r\n      el.setAttribute('aria-disabled', val.toString());\r\n    }\r\n  }\r\n\r\n  // set 'disabled' to true on controls when reach the edges\r\n  function updateControlsStatus () {\r\n    if (!controls || rewind || loop) { return; }\r\n\r\n    var prevDisabled = (prevIsButton) ? prevButton.disabled : isAriaDisabled(prevButton),\r\n        nextDisabled = (nextIsButton) ? nextButton.disabled : isAriaDisabled(nextButton),\r\n        disablePrev = (index === indexMin) ? true : false,\r\n        disableNext = (!rewind && index === indexMax) ? true : false;\r\n\r\n    if (disablePrev && !prevDisabled) {\r\n      disEnableElement(prevIsButton, prevButton, true);\r\n    }\r\n    if (!disablePrev && prevDisabled) {\r\n      disEnableElement(prevIsButton, prevButton, false);\r\n    }\r\n    if (disableNext && !nextDisabled) {\r\n      disEnableElement(nextIsButton, nextButton, true);\r\n    }\r\n    if (!disableNext && nextDisabled) {\r\n      disEnableElement(nextIsButton, nextButton, false);\r\n    }\r\n  }\r\n\r\n  // set duration\r\n  function setDurations (duration, target) {\r\n    duration = !duration ? '' : duration / 1000 + 's';\r\n    target = target || container;\r\n    target.style[TRANSITIONDURATION] = duration;\r\n\r\n    if (!carousel) {\r\n      target.style[ANIMATIONDURATION] = duration;\r\n    }\r\n    if (!horizontal) {\r\n      innerWrapper.style[TRANSITIONDURATION] = duration;\r\n    }\r\n  }\r\n\r\n  function getContainerTransformValue () {\r\n    var val;\r\n    if (horizontal) {\r\n      if (fixedWidth) {\r\n        val = - (fixedWidth + gutter) * index + 'px';\r\n      } else {\r\n        var denominator = TRANSFORM ? slideCountNew : items;\r\n        val = - index * 100 / denominator + '%';\r\n      }\r\n    } else {\r\n      val = - slideOffsetTops[index] + 'px';\r\n    }\r\n    return val;\r\n  }\r\n\r\n  function doContainerTransform (val) {\r\n    if (!val) { val = getContainerTransformValue(); }\r\n    container.style[transformAttr] = transformPrefix + val + transformPostfix;\r\n  }\r\n\r\n  function animateSlide (number, classOut, classIn, isOut) {\r\n    for (var i = number, l = number + items; i < l; i++) {\r\n      var item = slideItems[i];\r\n\r\n      // set item positions\r\n      if (!isOut) { item.style.left = (i - index) * 100 / items + '%'; }\r\n\r\n      if (TRANSITIONDURATION) { setDurations(speed, item); }\r\n      if (animateDelay && TRANSITIONDELAY) {\r\n        item.style[TRANSITIONDELAY] = item.style[ANIMATIONDELAY] = animateDelay * (i - number) / 1000 + 's';\r\n      }\r\n      removeClass(item, classOut);\r\n      addClass(item, classIn);\r\n\r\n      if (isOut) { slideItemsOut.push(item); }\r\n    }\r\n  }\r\n\r\n  // make transfer after click/drag:\r\n  // 1. change 'transform' property for mordern browsers\r\n  // 2. change 'left' property for legacy browsers\r\n  var transformCore = (function () {\r\n    return carousel ?\r\n      function (duration, distance) {\r\n        if (!distance) { distance = getContainerTransformValue(); }\r\n\r\n        // constrain the distance when non-loop no-edgePadding fixedWidth reaches the right edge\r\n        if (hasRightDeadZone && index === indexMax) {\r\n          distance = - ((fixedWidth + gutter) * slideCountNew - vpInner) + 'px';\r\n        }\r\n\r\n        if (TRANSITIONDURATION || !duration) {\r\n          // for morden browsers with non-zero duration or\r\n          // zero duration for all browsers\r\n          doContainerTransform(distance);\r\n          // run fallback function manually\r\n          // when duration is 0 / container is hidden\r\n          if (!duration || !isVisible(container)) { onTransitionEnd(); }\r\n\r\n        } else {\r\n          // for old browser with non-zero duration\r\n          jsTransform(container, transformAttr, transformPrefix, transformPostfix, distance, speed, onTransitionEnd);\r\n        }\r\n\r\n        if (!horizontal) { updateContentWrapperHeight(); }\r\n      } :\r\n      function (duration) {\r\n        slideItemsOut = [];\r\n\r\n        var eve = {};\r\n        eve[TRANSITIONEND] = eve[ANIMATIONEND] = onTransitionEnd;\r\n        removeEvents(slideItems[indexCached], eve);\r\n        addEvents(slideItems[index], eve);\r\n\r\n        animateSlide(indexCached, animateIn, animateOut, true);\r\n        animateSlide(index, animateNormal, animateIn);\r\n\r\n        // run fallback function manually\r\n        // when transition or animation not supported / duration is 0\r\n        if (!TRANSITIONEND || !ANIMATIONEND || !duration) { onTransitionEnd(); }\r\n      };\r\n  })();\r\n\r\n  function doTransform (duration, distance) {\r\n    // check duration is defined and is a number\r\n    if (isNaN(duration)) { duration = speed; }\r\n\r\n    // if container is hidden, set duration to 0\r\n    // to fix an issue where browser doesn't fire ontransitionend on hidden element\r\n    if (animating && !isVisible(container)) { duration = 0; }\r\n\r\n    if (TRANSITIONDURATION) { setDurations(duration); }\r\n    transformCore(duration, distance);\r\n  }\r\n\r\n  function render (e, sliderMoved) {\r\n    if (updateIndexBeforeTransform) { updateIndex(); }\r\n\r\n    // render when slider was moved (touch or drag) even though index may not change\r\n    if (index !== indexCached || sliderMoved) {\r\n      // events\r\n      events.emit('indexChanged', info());\r\n      events.emit('transitionStart', info());\r\n\r\n      // pause autoplay when click or keydown from user\r\n      if (animating && e && ['click', 'keydown'].indexOf(e.type) >= 0) { stopAutoplay(); }\r\n\r\n      running = true;\r\n      doTransform();\r\n    }\r\n\r\n  }\r\n\r\n  /*\r\n   * Transfer prefixed properties to the same format\r\n   * CSS: -Webkit-Transform => webkittransform\r\n   * JS: WebkitTransform => webkittransform\r\n   * @param {string} str - property\r\n   *\r\n   */\r\n  function strTrans (str) {\r\n    return str.toLowerCase().replace(/-/g, '');\r\n  }\r\n\r\n  // AFTER TRANSFORM\r\n  // Things need to be done after a transfer:\r\n  // 1. check index\r\n  // 2. add classes to visible slide\r\n  // 3. disable controls buttons when reach the first/last slide in non-loop slider\r\n  // 4. update nav status\r\n  // 5. lazyload images\r\n  // 6. update container height\r\n  function onTransitionEnd (event) {\r\n    // check running on gallery mode\r\n    // make sure trantionend/animationend events run only once\r\n    if (carousel || running) {\r\n      events.emit('transitionEnd', info(event));\r\n\r\n      if (!carousel && slideItemsOut.length > 0) {\r\n        for (var i = 0; i < items; i++) {\r\n          var item = slideItemsOut[i];\r\n          // set item positions\r\n          item.style.left = '';\r\n\r\n          if (TRANSITIONDURATION) { setDurations(0, item); }\r\n          if (animateDelay && TRANSITIONDELAY) {\r\n            item.style[TRANSITIONDELAY] = item.style[ANIMATIONDELAY] = '';\r\n          }\r\n          removeClass(item, animateOut);\r\n          addClass(item, animateNormal);\r\n        }\r\n      }\r\n\r\n      /* update slides, nav, controls after checking ...\r\n       * => legacy browsers who don't support 'event'\r\n       *    have to check event first, otherwise event.target will cause an error\r\n       * => or 'gallery' mode:\r\n       *   + event target is slide item\r\n       * => or 'carousel' mode:\r\n       *   + event target is container,\r\n       *   + event.property is the same with transform attribute\r\n       */\r\n      if (!event ||\r\n          !carousel && event.target.parentNode === container ||\r\n          event.target === container && strTrans(event.propertyName) === strTrans(transformAttr)) {\r\n\r\n        if (!updateIndexBeforeTransform) {\r\n          var indexTem = index;\r\n          updateIndex();\r\n          if (index !== indexTem) {\r\n            events.emit('indexChanged', info());\r\n\r\n            if (TRANSITIONDURATION) { setDurations(0); }\r\n            doContainerTransform();\r\n          }\r\n        }\r\n\r\n        runAutoHeight();\r\n\r\n        if (nested === 'inner') { events.emit('innerLoaded', info()); }\r\n        running = false;\r\n        navCurrentIndexCached = navCurrentIndex;\r\n        indexCached = index;\r\n      }\r\n    }\r\n\r\n  }\r\n\r\n  // # ACTIONS\r\n  function goTo (targetIndex, e) {\r\n    if (freeze) { return; }\r\n\r\n    // prev slideBy\r\n    if (targetIndex === 'prev') {\r\n      onControlsClick(e, -1);\r\n\r\n    // next slideBy\r\n    } else if (targetIndex === 'next') {\r\n      onControlsClick(e, 1);\r\n\r\n    // go to exact slide\r\n    } else if (!running) {\r\n      var absIndex = index%slideCount,\r\n          indexGap = 0;\r\n      if (absIndex < 0) { absIndex += slideCount; }\r\n\r\n      if (targetIndex === 'first') {\r\n        indexGap = - absIndex;\r\n      } else if (targetIndex === 'last') {\r\n        indexGap = slideCount - items - absIndex;\r\n      } else {\r\n        if (typeof targetIndex !== 'number') { targetIndex = parseInt(targetIndex); }\r\n        if (!isNaN(targetIndex)) {\r\n          var absTargetIndex = targetIndex%slideCount;\r\n          if (absTargetIndex < 0) { absTargetIndex += slideCount; }\r\n          indexGap = absTargetIndex - absIndex;\r\n        }\r\n      }\r\n\r\n      index += indexGap;\r\n\r\n      // if index is changed, start rendering\r\n      if (index%slideCount !== indexCached%slideCount) {\r\n        render(e);\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  // on controls click\r\n  function onControlsClick (e, dir) {\r\n    if (!running) {\r\n      var passEventObject;\r\n\r\n      if (!dir) {\r\n        e = e || win.event;\r\n        var target = e.target || e.srcElement;\r\n\r\n        while (target !== controlsContainer && [prevButton, nextButton].indexOf(target) < 0) { target = target.parentNode; }\r\n\r\n        var targetIn = [prevButton, nextButton].indexOf(target);\r\n        if (targetIn >= 0) {\r\n          passEventObject = true;\r\n          dir = targetIn === 0 ? -1 : 1;\r\n        }\r\n      }\r\n\r\n      if (rewind) {\r\n        if (index === indexMin && dir === -1) {\r\n          goTo('last', e);\r\n          return;\r\n        } else if (index === indexMax && dir === 1) {\r\n          goTo(0, e);\r\n          return;\r\n        }\r\n      }\r\n\r\n      if (dir) {\r\n        index += slideBy * dir;\r\n        // pass e when click control buttons or keydown\r\n        render(passEventObject || e && e.type === 'keydown' ? e : null);\r\n      }\r\n    }\r\n  }\r\n\r\n  // on nav click\r\n  function onNavClick (e) {\r\n    if (!running) {\r\n      e = e || win.event;\r\n      var target = e.target || e.srcElement,\r\n          navIndex;\r\n\r\n      // find the clicked nav item\r\n      while (target !== navContainer && !hasAttr(target, 'data-nav')) { target = target.parentNode; }\r\n      if (hasAttr(target, 'data-nav')) {\r\n        navIndex = navClicked = [].indexOf.call(navItems, target);\r\n        goTo(navIndex, e);\r\n      }\r\n    }\r\n  }\r\n\r\n  // autoplay functions\r\n  function setAutoplayTimer () {\r\n    autoplayTimer = setInterval(function () {\r\n      onControlsClick(null, autoplayDirection);\r\n    }, autoplayTimeout);\r\n\r\n    animating = true;\r\n  }\r\n\r\n  function stopAutoplayTimer () {\r\n    clearInterval(autoplayTimer);\r\n    animating = false;\r\n  }\r\n\r\n  function updateAutoplayButton (action, txt) {\r\n    setAttrs(autoplayButton, {'data-action': action});\r\n    autoplayButton.innerHTML = autoplayHtmlStrings[0] + action + autoplayHtmlStrings[1] + txt;\r\n  }\r\n\r\n  function startAutoplay () {\r\n    setAutoplayTimer();\r\n    if (autoplayButton) { updateAutoplayButton('stop', autoplayText[1]); }\r\n  }\r\n\r\n  function stopAutoplay () {\r\n    stopAutoplayTimer();\r\n    if (autoplayButton) { updateAutoplayButton('start', autoplayText[0]); }\r\n  }\r\n\r\n  // programaitcally play/pause the slider\r\n  function play () {\r\n    if (autoplay && !animating) {\r\n      startAutoplay();\r\n      autoplayUserPaused = false;\r\n    }\r\n  }\r\n  function pause () {\r\n    if (animating) {\r\n      stopAutoplay();\r\n      autoplayUserPaused = true;\r\n    }\r\n  }\r\n\r\n  function toggleAutoplay () {\r\n    if (animating) {\r\n      stopAutoplay();\r\n      autoplayUserPaused = true;\r\n    } else {\r\n      startAutoplay();\r\n      autoplayUserPaused = false;\r\n    }\r\n  }\r\n\r\n  function onVisibilityChange () {\r\n    if (doc.hidden) {\r\n      if (animating) {\r\n        stopAutoplayTimer();\r\n        autoplayVisibilityPaused = true;\r\n      }\r\n    } else if (autoplayVisibilityPaused) {\r\n      setAutoplayTimer();\r\n      autoplayVisibilityPaused = false;\r\n    }\r\n  }\r\n\r\n  function mouseoverPause () {\r\n    if (animating) {\r\n      stopAutoplayTimer();\r\n      autoplayHoverPaused = true;\r\n    }\r\n  }\r\n\r\n  function mouseoutRestart () {\r\n    if (autoplayHoverPaused) {\r\n      setAutoplayTimer();\r\n      autoplayHoverPaused = false;\r\n    }\r\n  }\r\n\r\n  // keydown events on document\r\n  function onDocumentKeydown (e) {\r\n    e = e || win.event;\r\n    switch(e.keyCode) {\r\n      case KEYS.LEFT:\r\n        onControlsClick(e, -1);\r\n        break;\r\n      case KEYS.RIGHT:\r\n        onControlsClick(e, 1);\r\n    }\r\n  }\r\n\r\n  // on key control\r\n  function onControlsKeydown (e) {\r\n    e = e || win.event;\r\n    var code = e.keyCode;\r\n\r\n    switch (code) {\r\n      case KEYS.LEFT:\r\n      case KEYS.UP:\r\n      case KEYS.PAGEUP:\r\n          if (!prevButton.disabled) {\r\n            onControlsClick(e, -1);\r\n          }\r\n          break;\r\n      case KEYS.RIGHT:\r\n      case KEYS.DOWN:\r\n      case KEYS.PAGEDOWN:\r\n          if (!nextButton.disabled) {\r\n            onControlsClick(e, 1);\r\n          }\r\n          break;\r\n      case KEYS.HOME:\r\n        goTo(0, e);\r\n        break;\r\n      case KEYS.END:\r\n        goTo(slideCount - 1, e);\r\n        break;\r\n    }\r\n  }\r\n\r\n  // set focus\r\n  function setFocus (focus) {\r\n    focus.focus();\r\n  }\r\n\r\n  // on key nav\r\n  function onNavKeydown (e) {\r\n    var curElement = doc.activeElement;\r\n    if (!hasAttr(curElement, 'data-nav')) { return; }\r\n\r\n    e = e || win.event;\r\n    var code = e.keyCode,\r\n        navIndex = [].indexOf.call(navItems, curElement),\r\n        len = visibleNavIndexes.length,\r\n        current = visibleNavIndexes.indexOf(navIndex);\r\n\r\n    if (options.navContainer) {\r\n      len = slideCount;\r\n      current = navIndex;\r\n    }\r\n\r\n    function getNavIndex (num) {\r\n      return options.navContainer ? num : visibleNavIndexes[num];\r\n    }\r\n\r\n    switch(code) {\r\n      case KEYS.LEFT:\r\n      case KEYS.PAGEUP:\r\n        if (current > 0) { setFocus(navItems[getNavIndex(current - 1)]); }\r\n        break;\r\n\r\n      case KEYS.UP:\r\n      case KEYS.HOME:\r\n        if (current > 0) { setFocus(navItems[getNavIndex(0)]); }\r\n        break;\r\n\r\n      case KEYS.RIGHT:\r\n      case KEYS.PAGEDOWN:\r\n        if (current < len - 1) { setFocus(navItems[getNavIndex(current + 1)]); }\r\n        break;\r\n\r\n      case KEYS.DOWN:\r\n      case KEYS.END:\r\n        if (current < len - 1) { setFocus(navItems[getNavIndex(len - 1)]); }\r\n        break;\r\n\r\n      // Can't use onNavClick here,\r\n      // Because onNavClick require event.target as nav items\r\n      case KEYS.ENTER:\r\n      case KEYS.SPACE:\r\n        navClicked = navIndex;\r\n        goTo(navIndex, e);\r\n        break;\r\n    }\r\n  }\r\n\r\n  // IE10 scroll function\r\n  function ie10Scroll () {\r\n    doTransform(0, container.scrollLeft());\r\n    indexCached = index;\r\n  }\r\n\r\n  function getTarget (e) {\r\n    return e.target || e.srcElement;\r\n  }\r\n\r\n  function isTouchEvent (e) {\r\n    return e.type.indexOf('touch') >= 0;\r\n  }\r\n\r\n  function preventDefaultBehavior (e) {\r\n      if (e.preventDefault) {\r\n        e.preventDefault();\r\n      } else {\r\n        e.returnValue = false;\r\n      }\r\n  }\r\n\r\n  function onTouchOrMouseStart (e) {\r\n    if (!running) {\r\n      e = e || win.event;\r\n      var ev;\r\n\r\n      if (isTouchEvent(e)) {\r\n        ev = e.changedTouches[0];\r\n        events.emit('touchStart', info(e));\r\n      } else {\r\n        ev = e;\r\n        if (['img', 'a'].indexOf(getLowerCaseNodeName(getTarget(ev))) >= 0) { preventDefaultBehavior(ev); }\r\n        events.emit('dragStart', info(e));\r\n      }\r\n\r\n      startX = parseInt(ev.clientX);\r\n      startY = parseInt(ev.clientY);\r\n      translateInit = parseFloat(container.style[transformAttr].replace(transformPrefix, '').replace(transformPostfix, ''));\r\n    }\r\n  }\r\n\r\n  function onTouchOrMouseMove (e) {\r\n    // make sure touch started or mouse draged\r\n    if (!running && startX !== null) {\r\n      e = e || win.event;\r\n      var ev = isTouchEvent(e) ? e.changedTouches[0] : e;\r\n\r\n      disX = parseInt(ev.clientX) - startX;\r\n      disY = parseInt(ev.clientY) - startY;\r\n\r\n      if (moveDirectionExpected === '?') {\r\n        moveDirectionExpected = getTouchDirection(toDegree(disY, disX), swipeAngle) === options.axis;\r\n      }\r\n\r\n      // \"mousemove\" more than 5px after \"mousedown\" indecate it is \"drag\", not \"click\"\r\n      if (moveDirectionExpected && (Math.abs(disX) > 5 || Math.abs(disY) > 5)) {\r\n        if (isTouchEvent(e)) {\r\n          events.emit('touchMove', info(e));\r\n        } else {\r\n          if (!isDragEvent) { isDragEvent = true; }\r\n          events.emit('dragMove', info(e));\r\n        }\r\n        if (!touchedOrDraged) { touchedOrDraged = true; }\r\n\r\n        var x = translateInit;\r\n        if (horizontal) {\r\n          if (fixedWidth) {\r\n            x += disX;\r\n            x += 'px';\r\n          } else {\r\n            var percentageX = TRANSFORM ? disX * items * 100 / (vpInner * slideCountNew): disX * 100 / vpInner;\r\n            x += percentageX;\r\n            x += '%';\r\n          }\r\n        } else {\r\n          x += disY;\r\n          x += 'px';\r\n        }\r\n\r\n        if (TRANSFORM) { setDurations(0); }\r\n        container.style[transformAttr] = transformPrefix + x + transformPostfix;\r\n      }\r\n    }\r\n  }\r\n\r\n  function onTouchOrMouseEnd (e) {\r\n    if (swipeAngle) { moveDirectionExpected = '?'; } // reset\r\n    if (!running) {\r\n      if (touchedOrDraged) {\r\n        touchedOrDraged = false; // reset\r\n        e = e || win.event;\r\n        var ev;\r\n\r\n        if (isTouchEvent(e)) {\r\n          ev = e.changedTouches[0];\r\n          events.emit('touchEnd', info(e));\r\n        } else {\r\n          ev = e;\r\n          events.emit('dragEnd', info(e));\r\n        }\r\n\r\n        disX = parseInt(ev.clientX) - startX;\r\n        disY = parseInt(ev.clientY) - startY;\r\n        startX = startY = null; // reset startX, startY\r\n        var sliderMoved = Boolean(horizontal ? disX : disY);\r\n\r\n        if (horizontal) {\r\n          var indexMoved = - disX * items / vpInner;\r\n          indexMoved = disX > 0 ? Math.floor(indexMoved) : Math.ceil(indexMoved);\r\n          index += indexMoved;\r\n        } else {\r\n          var moved = - (translateInit + disY);\r\n          if (moved <= 0) {\r\n            index = indexMin;\r\n          } else if (moved >= slideOffsetTops[slideOffsetTops.length - 1]) {\r\n            index = indexMax;\r\n          } else {\r\n            var i = 0;\r\n            do {\r\n              i++;\r\n              index = disY < 0 ? i + 1 : i;\r\n            } while (i < slideCountNew && moved >= slideOffsetTops[i + 1]);\r\n          }\r\n        }\r\n\r\n        render(e, sliderMoved);\r\n\r\n        // drag vs click\r\n        if (isDragEvent) {\r\n          // reset isDragEvent\r\n          isDragEvent = false;\r\n\r\n          // prevent \"click\"\r\n          var target = getTarget(e);\r\n          addEvents(target, {'click': function preventClick (e) {\r\n            preventDefaultBehavior(e);\r\n            removeEvents(target, {'click': preventClick});\r\n          }});\r\n        }\r\n      } else {\r\n        startX = startY = null; // reset startX, startY\r\n      }\r\n    }\r\n  }\r\n\r\n  // === RESIZE FUNCTIONS === //\r\n  // (slideOffsetTops, index, items) => vertical_conentWrapper.height\r\n  function updateContentWrapperHeight () {\r\n    innerWrapper.style.height = slideOffsetTops[index + items] - slideOffsetTops[index] + 'px';\r\n  }\r\n\r\n  /*\r\n   * get nav item indexes per items\r\n   * add 1 more if the nav items cann't cover all slides\r\n   * [0, 1, 2, 3, 4] / 3 => [0, 3]\r\n   */\r\n  function getVisibleNavIndex () {\r\n    // reset visibleNavIndexes\r\n    visibleNavIndexes = [];\r\n\r\n    var absIndexMin = index%slideCount%items;\r\n    while (absIndexMin < slideCount) {\r\n      if (!loop && absIndexMin + items > slideCount) { absIndexMin = slideCount - items; }\r\n      visibleNavIndexes.push(absIndexMin);\r\n      absIndexMin += items;\r\n    }\r\n\r\n    // nav count * items < slide count means\r\n    // some slides can not be displayed only by nav clicking\r\n    if (loop && visibleNavIndexes.length * items < slideCount ||\r\n        !loop && visibleNavIndexes[0] > 0) {\r\n      visibleNavIndexes.unshift(0);\r\n    }\r\n  }\r\n\r\n  /*\r\n   * 1. update visible nav items list\r\n   * 2. add \"hidden\" attributes to previous visible nav items\r\n   * 3. remove \"hidden\" attrubutes to new visible nav items\r\n   */\r\n  function updateNavVisibility () {\r\n    if (!nav || navAsThumbnails) { return; }\r\n    getVisibleNavIndex();\r\n\r\n    if (visibleNavIndexes !== visibleNavIndexesCached) {\r\n      forEachNodeList(navItems, function(el, i) {\r\n        if (visibleNavIndexes.indexOf(i) < 0) {\r\n          hideElement(el);\r\n        } else {\r\n          showElement(el);\r\n        }\r\n      });\r\n\r\n      // cache visible nav indexes\r\n      visibleNavIndexesCached = visibleNavIndexes;\r\n    }\r\n  }\r\n\r\n  function info (e) {\r\n    return {\r\n      container: container,\r\n      slideItems: slideItems,\r\n      navContainer: navContainer,\r\n      navItems: navItems,\r\n      controlsContainer: controlsContainer,\r\n      hasControls: hasControls,\r\n      prevButton: prevButton,\r\n      nextButton: nextButton,\r\n      items: items,\r\n      slideBy: slideBy,\r\n      cloneCount: cloneCount,\r\n      slideCount: slideCount,\r\n      slideCountNew: slideCountNew,\r\n      index: index,\r\n      indexCached: indexCached,\r\n      navCurrentIndex: navCurrentIndex,\r\n      navCurrentIndexCached: navCurrentIndexCached,\r\n      visibleNavIndexes: visibleNavIndexes,\r\n      visibleNavIndexesCached: visibleNavIndexesCached,\r\n      sheet: sheet,\r\n      event: e || {},\r\n    };\r\n  }\r\n\r\n  return {\r\n    getInfo: info,\r\n    events: events,\r\n    goTo: goTo,\r\n    play: play,\r\n    pause: pause,\r\n    isOn: isOn,\r\n    updateSliderHeight: updateInnerWrapperHeight,\r\n    rebuild: function() {\r\n      return tns(options);\r\n    },\r\n\r\n    destroy: function () {\r\n      // remove win event listeners\r\n      removeEvents(win, {'resize': onResize});\r\n\r\n      // remove arrowKeys eventlistener\r\n      removeEvents(doc, docmentKeydownEvent);\r\n\r\n      // sheet\r\n      sheet.disabled = true;\r\n\r\n      // cloned items\r\n      if (loop) {\r\n        for (var j = cloneCount; j--;) {\r\n          if (carousel) { slideItems[0].remove(); }\r\n          slideItems[slideItems.length - 1].remove();\r\n        }\r\n      }\r\n\r\n      // Slide Items\r\n      var slideClasses = ['tns-item', slideActiveClass];\r\n      if (!carousel) { slideClasses = slideClasses.concat('tns-normal', animateIn); }\r\n\r\n      for (var i = slideCount; i--;) {\r\n        var slide = slideItems[i];\r\n        if (slide.id.indexOf(slideId + '-item') >= 0) { slide.id = ''; }\r\n\r\n        slideClasses.forEach(function(cl) { removeClass(slide, cl); });\r\n      }\r\n      removeAttrs(slideItems, ['style', 'aria-hidden', 'tabindex']);\r\n      slideItems = slideId = slideCount = slideCountNew = cloneCount = null;\r\n\r\n      // controls\r\n      if (controls) {\r\n        removeEvents(controlsContainer, controlsEvents);\r\n        if (options.controlsContainer) {\r\n          removeAttrs(controlsContainer, ['aria-label', 'tabindex']);\r\n          removeAttrs(controlsContainer.children, ['aria-controls', 'aria-disabled', 'tabindex']);\r\n        }\r\n        controlsContainer = prevButton = nextButton = null;\r\n      }\r\n\r\n      // nav\r\n      if (nav) {\r\n        removeEvents(navContainer, navEvents);\r\n        if (options.navContainer) {\r\n          removeAttrs(navContainer, ['aria-label']);\r\n          removeAttrs(navItems, ['aria-selected', 'aria-controls', 'tabindex']);\r\n        }\r\n        navContainer = navItems = null;\r\n      }\r\n\r\n      // auto\r\n      if (autoplay) {\r\n        clearInterval(autoplayTimer);\r\n        if (autoplayButton) {\r\n          removeEvents(autoplayButton, {'click': toggleAutoplay});\r\n        }\r\n        removeEvents(container, hoverEvents);\r\n        removeEvents(container, visibilityEvent);\r\n        if (options.autoplayButton) {\r\n          removeAttrs(autoplayButton, ['data-action']);\r\n        }\r\n      }\r\n\r\n      // container\r\n      container.id = containerIdCached || '';\r\n      container.className = container.className.replace(classContainer, '');\r\n      removeElementStyles(container);\r\n      if (carousel && TRANSITIONEND) {\r\n        var eve = {};\r\n        eve[TRANSITIONEND] = onTransitionEnd;\r\n        removeEvents(container, eve);\r\n      }\r\n      removeEvents(container, touchEvents);\r\n      removeEvents(container, dragEvents);\r\n\r\n      // outerWrapper\r\n      containerParent.insertBefore(container, outerWrapper);\r\n      outerWrapper.remove();\r\n      outerWrapper = innerWrapper = container =\r\n      index = indexCached = items = slideBy = navCurrentIndex = navCurrentIndexCached = hasControls = visibleNavIndexes = visibleNavIndexesCached =\r\n      this.getInfo = this.events = this.goTo = this.play = this.pause = this.destroy = null;\r\n      this.isOn = isOn = false;\r\n    }\r\n  };\r\n};\r\n\r\nreturn tns;\r\n})();\r\n\r\ndefine([], function () {\r\n  return tns;\r\n});\r\n"],"file":"tiny.slider.js"}