https://www.valdres.com/javascript/jquery.flexslider_v63903219792.js

1/*
2 * jQuery FlexSlider v2.2.0
3 * Copyright 2012 WooThemes
4 * Contributing Author: Tyler Smith
5 */
6;
7(function ($) {
8
9  //FlexSlider: Object Instance
10  $.flexslider = function(el, options) {
11    var slider = $(el);
12
13    // making variables public
14    slider.vars = $.extend({}, $.flexslider.defaults, options);
15
16    var namespace = slider.vars.namespace,
17        msGesture = window.navigator && window.navigator.msPointerEnabled && window.MSGesture,
18        touch = (( "ontouchstart" in window ) || msGesture || window.DocumentTouch && document instanceof DocumentTouch) && slider.vars.touch,
19        // depricating this idea, as devices are being released with both of these events
20        //eventType = (touch) ? "touchend" : "click",
21        eventType = "click touchend MSPointerUp",
22        watchedEvent = "",
23        watchedEventClearTimer,
24        vertical = slider.vars.direction === "vertical",
25        reverse = slider.vars.reverse,
26        carousel = (slider.vars.itemWidth > 0),
27        fade = slider.vars.animation === "fade",
28        asNav = slider.vars.asNavFor !== "",
29        methods = {},
30        focused = true;
31
32    // Store a reference to the slider object
33    $.data(el, "flexslider", slider);
34
35    // Private slider methods
36    methods = {
37      init: function() {
38        slider.animating = false;
39        // Get current slide and make sure it is a number
40        slider.currentSlide = parseInt( ( slider.vars.startAt ? slider.vars.startAt : 0) );
41        if ( isNaN( slider.currentSlide ) ) slider.currentSlide = 0;
42        slider.animatingTo = slider.currentSlide;
43        slider.atEnd = (slider.currentSlide === 0 || slider.currentSlide === slider.last);
44        slider.containerSelector = slider.vars.selector.substr(0,slider.vars.selector.search(' '));
45        slider.slides = $(slider.vars.selector, slider);
46        slider.container = $(slider.containerSelector, slider);
47        slider.count = slider.slides.length;
48        // SYNC:
49        slider.syncExists = $(slider.vars.sync).length > 0;
50        // SLIDE:
51        if (slider.vars.animation === "slide") slider.vars.animation = "swing";
52        slider.prop = (vertical) ? "top" : "marginLeft";
53        slider.args = {};
54        // SLIDESHOW:
55        slider.manualPause = false;
56        slider.stopped = false;
57        //PAUSE WHEN INVISIBLE
58        slider.started = false;
59        slider.startTimeout = null;
60        // TOUCH/USECSS:
61        slider.transitions = !slider.vars.video && !fade && slider.vars.useCSS && (function() {
62          var obj = document.createElement('div'),
63              props = ['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective'];
64          for (var i in props) {
65            if ( obj.style[ props[i] ] !== undefined ) {
66              slider.pfx = props[i].replace('Perspective','').toLowerCase();
67              slider.prop = "-" + slider.pfx + "-transform";
68              return true;
69            }
70          }
71          return false;
72        }());
73        // CONTROLSCONTAINER:
74        if (slider.vars.controlsContainer !== "") slider.controlsContainer = $(slider.vars.controlsContainer).length > 0 && $(slider.vars.controlsContainer);
75        // MANUAL:
76        if (slider.vars.manualControls !== "") slider.manualControls = $(slider.vars.manualControls).length > 0 && $(slider.vars.manualControls);
77
78        // RANDOMIZE:
79        if (slider.vars.randomize) {
80          slider.slides.sort(function() { return (Math.round(Math.random())-0.5); });
81          slider.container.empty().append(slider.slides);
82        }
83
84        slider.doMath();
85
86        // INIT
87        slider.setup("init");
88
89        // CONTROLNAV:
90        if (slider.vars.controlNav) methods.controlNav.setup();
91
92        // DIRECTIONNAV:
93        if (slider.vars.directionNav) methods.directionNav.setup();
94
95        // KEYBOARD:
96        if (slider.vars.keyboard && ($(slider.containerSelector).length === 1 || slider.vars.multipleKeyboard)) {
97          $(document).bind('keyup', function(event) {
98            var keycode = event.keyCode;
99            if (!slider.animating && (keycode === 39 || keycode === 37)) {
100              var target = (keycode === 39) ? slider.getTarget('next') :
101                           (keycode === 37) ? slider.getTarget('prev') : false;
102              slider.flexAnimate(target, slider.vars.pauseOnAction);
103            }
104          });
105        }
106        // MOUSEWHEEL:
107        if (slider.vars.mousewheel) {
108          slider.bind('mousewheel', function(event, delta, deltaX, deltaY) {
109            event.preventDefault();
110            var target = (delta < 0) ? slider.getTarget('next') : slider.getTarget('prev');
111            slider.flexAnimate(target, slider.vars.pauseOnAction);
112          });
113        }
114
115        // PAUSEPLAY
116        if (slider.vars.pausePlay) methods.pausePlay.setup();
117
118        //PAUSE WHEN INVISIBLE
119        if (slider.vars.slideshow && slider.vars.pauseInvisible) methods.pauseInvisible.init();
120
121        // SLIDSESHOW
122        if (slider.vars.slideshow) {
123          if (slider.vars.pauseOnHover) {
124            slider.hover(function() {
125              if (!slider.manualPlay && !slider.manualPause) slider.pause();
126            }, function() {
127              if (!slider.manualPause && !slider.manualPlay && !slider.stopped) slider.play();
128            });
129          }
130          // initialize animation
131          //If we're visible, or we don't use PageVisibility API
132          if(!slider.vars.pauseInvisible || !methods.pauseInvisible.isHidden()) {
133            (slider.vars.initDelay > 0) ? slider.startTimeout = setTimeout(slider.play, slider.vars.initDelay) : slider.play();
134          }
135        }
136
137        // ASNAV:
138        if (asNav) methods.asNav.setup();
139
140        // TOUCH
141        if (touch && slider.vars.touch) methods.touch();
142
143        // FADE&&SMOOTHHEIGHT || SLIDE:
144        if (!fade || (fade && slider.vars.smoothHeight)) $(window).bind("resize orientationchange focus", methods.resize);
145
146        slider.find("img").attr("draggable", "false");
147
148        // API: start() Callback
149        setTimeout(function(){
150          slider.vars.start(slider);
151        }, 200);
152      },
153      asNav: {
154        setup: function() {
155          slider.asNav = true;
156          slider.animatingTo = Math.floor(slider.currentSlide/slider.move);
157          slider.currentItem = slider.currentSlide;
158          slider.slides.removeClass(namespace + "active-slide").eq(slider.currentItem).addClass(namespace + "active-slide");
159          if(!msGesture){
160              slider.slides.click(function(e){
161                e.preventDefault();
162                var $slide = $(this),
163                    target = $slide.index();
164                var posFromLeft = $slide.offset().left - $(slider).scrollLeft(); // Find position of slide relative to left of slider container
165                if( posFromLeft <= 0 && $slide.hasClass( namespace + 'active-slide' ) ) {
166                  slider.flexAnimate(slider.getTarget("prev"), true);
167                } else if (!$(slider.vars.asNavFor).data('flexslider').animating && !$slide.hasClass(namespace + "active-slide")) {
168                  slider.direction = (slider.currentItem < target) ? "next" : "prev";
169                  slider.flexAnimate(target, slider.vars.pauseOnAction, false, true, true);
170                }
171              });
172          }else{
173              el._slider = slider;
174              slider.slides.each(function (){
175                  var that = this;
176                  that._gesture = new MSGesture();
177                  that._gesture.target = that;
178                  that.addEventListener("MSPointerDown", function (e){
179                      e.preventDefault();
180                      if(e.currentTarget._gesture)
181                          e.currentTarget._gesture.addPointer(e.pointerId);
182                  }, false);
183                  that.addEventListener("MSGestureTap", function (e){
184                      e.preventDefault();
185                      var $slide = $(this),
186                          target = $slide.index();
187                      if (!$(slider.vars.asNavFor).data('flexslider').animating && !$slide.hasClass('active')) {
188                          slider.direction = (slider.currentItem < target) ? "next" : "prev";
189                          slider.flexAnimate(target, slider.vars.pauseOnAction, false, true, true);
190                      }
191                  });
192              });
193          }
194        }
195      },
196      controlNav: {
197        setup: function() {
198          if (!slider.manualControls) {
199            methods.controlNav.setupPaging();
200          } else { // MANUALCONTROLS:
201            methods.controlNav.setupManual();
202          }
203        },
204        setupPaging: function() {
205          var type = (slider.vars.controlNav === "thumbnails") ? 'control-thumbs' : 'control-paging',
206              j = 1,
207              item,
208              slide;
209
210          slider.controlNavScaffold = $('<ol class="'+ namespace + 'control-nav ' + namespace + type + '"></ol>');
211
212          if (slider.pagingCount > 1) {
213            for (var i = 0; i < slider.pagingCount; i++) {
214              slide = slider.slides.eq(i);
215              item = (slider.vars.controlNav === "thumbnails") ? '<img src="' + slide.attr( 'data-thumb' ) + '"/>' : '<a>' + j + '</a>';
216              if ( 'thumbnails' === slider.vars.controlNav && true === slider.vars.thumbCaptions ) {
217                var captn = slide.attr( 'data-thumbcaption' );
218                if ( '' != captn && undefined != captn ) item += '<span class="' + namespace + 'caption">' + captn + '</span>';
219              }
220              slider.controlNavScaffold.append('<li>' + item + '</li>');
221              j++;
222            }
223          }
224
225          // CONTROLSCONTAINER:
226          (slider.controlsContainer) ? $(slider.controlsContainer).append(slider.controlNavScaffold) : slider.append(slider.controlNavScaffold);
227          methods.controlNav.set();
228
229          methods.controlNav.active();
230
231          //slider.controlNavScaffold.delegate('a, img', eventType, function(event) {
232		  slider.controlNavScaffold.find('a, img').live(eventType, function(event){
233            event.preventDefault();
234
235            if (watchedEvent === "" || watchedEvent === event.type) {
236              var $this = $(this),
237                  target = slider.controlNav.index($this);
238
239              if (!$this.hasClass(namespace + 'active')) {
240                slider.direction = (target > slider.currentSlide) ? "next" : "prev";
241                slider.flexAnimate(target, slider.vars.pauseOnAction);
242              }
243            }
244
245            // setup flags to prevent event duplication
246            if (watchedEvent === "") {
247              watchedEvent = event.type;
248            }
249            methods.setToClearWatchedEvent();
250
251          });
252        },
253        setupManual: function() {
254          slider.controlNav = slider.manualControls;
255          methods.controlNav.active();
256
257          slider.controlNav.bind(eventType, function(event) {
258            event.preventDefault();
259
260            if (watchedEvent === "" || watchedEvent === event.type) {
261              var $this = $(this),
262                  target = slider.controlNav.index($this);
263
264              if (!$this.hasClass(namespace + 'active')) {
265                (target > slider.currentSlide) ? slider.direction = "next" : slider.direction = "prev";
266                slider.flexAnimate(target, slider.vars.pauseOnAction);
267              }
268            }
269
270            // setup flags to prevent event duplication
271            if (watchedEvent === "") {
272              watchedEvent = event.type;
273            }
274            methods.setToClearWatchedEvent();
275          });
276        },
277        set: function() {
278          var selector = (slider.vars.controlNav === "thumbnails") ? 'img' : 'a';
279          slider.controlNav = $('.' + namespace + 'control-nav li ' + selector, (slider.controlsContainer) ? slider.controlsContainer : slider);
280        },
281        active: function() {
282          slider.controlNav.removeClass(namespace + "active").eq(slider.animatingTo).addClass(namespace + "active");
283        },
284        update: function(action, pos) {
285          if (slider.pagingCount > 1 && action === "add") {
286            slider.controlNavScaffold.append($('<li><a>' + slider.count + '</a></li>'));
287          } else if (slider.pagingCount === 1) {
288            slider.controlNavScaffold.find('li').remove();
289          } else {
290            slider.controlNav.eq(pos).closest('li').remove();
291          }
292          methods.controlNav.set();
293          (slider.pagingCount > 1 && slider.pagingCount !== slider.controlNav.length) ? slider.update(pos, action) : methods.controlNav.active();
294        }
295      },
296      directionNav: {
297        setup: function() {
298          var directionNavScaffold = $('<ul class="' + namespace + 'direction-nav"><li><a class="' + namespace + 'prev" href="#">' + slider.vars.prevText + '</a></li><li><a class="' + namespace + 'next" href="#">' + slider.vars.nextText + '</a></li></ul>');
299
300          // CONTROLSCONTAINER:
301          if (slider.controlsContainer) {
302            $(slider.controlsContainer).append(directionNavScaffold);
303            slider.directionNav = $('.' + namespace + 'direction-nav li a', slider.controlsContainer);
304          } else {
305            slider.append(directionNavScaffold);
306            slider.directionNav = $('.' + namespace + 'direction-nav li a', slider);
307          }
308
309          methods.directionNav.update();
310
311          slider.directionNav.bind(eventType, function(event) {
312            event.preventDefault();
313            var target;
314
315            if (watchedEvent === "" || watchedEvent === event.type) {
316              target = ($(this).hasClass(namespace + 'next')) ? slider.getTarget('next') : slider.getTarget('prev');
317              slider.flexAnimate(target, slider.vars.pauseOnAction);
318            }
319
320            // setup flags to prevent event duplication
321            if (watchedEvent === "") {
322              watchedEvent = event.type;
323            }
324            methods.setToClearWatchedEvent();
325          });
326        },
327        update: function() {
328          var disabledClass = namespace + 'disabled';
329          if (slider.pagingCount === 1) {
330            slider.directionNav.addClass(disabledClass).attr('tabindex', '-1');
331          } else if (!slider.vars.animationLoop) {
332            if (slider.animatingTo === 0) {
333              slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "prev").addClass(disabledClass).attr('tabindex', '-1');
334            } else if (slider.animatingTo === slider.last) {
335              slider.directionNav.removeClass(disabledClass).filter('.' + namespace + "next").addClass(disabledClass).attr('tabindex', '-1');
336            } else {
337              slider.directionNav.removeClass(disabledClass).removeAttr('tabindex');
338            }
339          } else {
340            slider.directionNav.removeClass(disabledClass).removeAttr('tabindex');
341          }
342        }
343      },
344      pausePlay: {
345        setup: function() {
346          var pausePlayScaffold = $('<div class="' + namespace + 'pauseplay"><a></a></div>');
347
348          // CONTROLSCONTAINER:
349          if (slider.controlsContainer) {
350            slider.controlsContainer.append(pausePlayScaffold);
351            slider.pausePlay = $('.' + namespace + 'pauseplay a', slider.controlsContainer);
352          } else {
353            slider.append(pausePlayScaffold);
354            slider.pausePlay = $('.' + namespace + 'pauseplay a', slider);
355          }
356
357          methods.pausePlay.update((slider.vars.slideshow) ? namespace + 'pause' : namespace + 'play');
358
359          slider.pausePlay.bind(eventType, function(event) {
360            event.preventDefault();
361
362            if (watchedEvent === "" || watchedEvent === event.type) {
363              if ($(this).hasClass(namespace + 'pause')) {
364                slider.manualPause = true;
365                slider.manualPlay = false;
366                slider.pause();
367              } else {
368                slider.manualPause = false;
369                slider.manualPlay = true;
370                slider.play();
371              }
372            }
373
374            // setup flags to prevent event duplication
375            if (watchedEvent === "") {
376              watchedEvent = event.type;
377            }
378            methods.setToClearWatchedEvent();
379          });
380        },
381        update: function(state) {
382          (state === "play") ? slider.pausePlay.removeClass(namespace + 'pause').addClass(namespace + 'play').html(slider.vars.playText) : slider.pausePlay.removeClass(namespace + 'play').addClass(namespace + 'pause').html(slider.vars.pauseText);
383        }
384      },
385      touch: function() {
386        var startX,
387          startY,
388          offset,
389          cwidth,
390          dx,
391          startT,
392          scrolling = false,
393          localX = 0,
394          localY = 0,
395          accDx = 0;
396
397        if(!msGesture){
398            
399
400            function onTouchStart(e) {
401              if (slider.animating) {
402                e.preventDefault();
403              } else if ( ( window.navigator.msPointerEnabled ) || e.touches.length === 1 ) {
404                slider.pause();
405                // CAROUSEL:
406                cwidth = (vertical) ? slider.h : slider. w;
407                startT = Number(new Date());
408                // CAROUSEL:
409
410                // Local vars for X and Y points.
411                localX = e.touches[0].pageX;
412                localY = e.touches[0].pageY;
413
414                offset = (carousel && reverse && slider.animatingTo === slider.last) ? 0 :
415                         (carousel && reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) :
416                         (carousel && slider.currentSlide === slider.last) ? slider.limit :
417                         (carousel) ? ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.currentSlide :
418                         (reverse) ? (slider.last - slider.currentSlide + slider.cloneOffset) * cwidth : (slider.currentSlide + slider.cloneOffset) * cwidth;
419                startX = (vertical) ? localY : localX;
420                startY = (vertical) ? localX : localY;
421
422                el.addEventListener('touchmove', onTouchMove, false);
423                el.addEventListener('touchend', onTouchEnd, false);
424              }
425            }
426            el.addEventListener('touchstart', onTouchStart, false);
427
428            function onTouchMove(e) {
429              // Local vars for X and Y points.
430
431              localX = e.touches[0].pageX;
432              localY = e.touches[0].pageY;
433
434              dx = (vertical) ? startX - localY : startX - localX;
435              scrolling = (vertical) ? (Math.abs(dx) < Math.abs(localX - startY)) : (Math.abs(dx) < Math.abs(localY - startY));
436
437              var fxms = 500;
438
439              if ( ! scrolling || Number( new Date() ) - startT > fxms ) {
440                e.preventDefault();
441                if (!fade && slider.transitions) {
442                  if (!slider.vars.animationLoop) {
443                    dx = dx/((slider.currentSlide === 0 && dx < 0 || slider.currentSlide === slider.last && dx > 0) ? (Math.abs(dx)/cwidth+2) : 1);
444                  }
445                  slider.setProps(offset + dx, "setTouch");
446                }
447              }
448            }
449
450            function onTouchEnd(e) {
451              // finish the touch by undoing the touch session
452              el.removeEventListener('touchmove', onTouchMove, false);
453
454              if (slider.animatingTo === slider.currentSlide && !scrolling && !(dx === null)) {
455                var updateDx = (reverse) ? -dx : dx,
456                    target = (updateDx > 0) ? slider.getTarget('next') : slider.getTarget('prev');
457
458                if (slider.canAdvance(target) && (Number(new Date()) - startT < 550 && Math.abs(updateDx) > 50 || Math.abs(updateDx) > cwidth/2)) {
459                  slider.flexAnimate(target, slider.vars.pauseOnAction);
460                } else {
461                  if (!fade) slider.flexAnimate(slider.currentSlide, slider.vars.pauseOnAction, true);
462                }
463              }
464              el.removeEventListener('touchend', onTouchEnd, false);
465
466              startX = null;
467              startY = null;
468              dx = null;
469              offset = null;
470            }
471        }else{
472            el.style.msTouchAction = "none";
473            el._gesture = new MSGesture();
474            el._gesture.target = el;
475            el.addEventListener("MSPointerDown", onMSPointerDown, false);
476            el._slider = slider;
477            el.addEventListener("MSGestureChange", onMSGestureChange, false);
478            el.addEventListener("MSGestureEnd", onMSGestureEnd, false);
479
480            function onMSPointerDown(e){
481                e.stopPropagation();
482                if (slider.animating) {
483                    e.preventDefault();
484                }else{
485                    slider.pause();
486                    el._gesture.addPointer(e.pointerId);
487                    accDx = 0;
488                    cwidth = (vertical) ? slider.h : slider. w;
489                    startT = Number(new Date());
490                    // CAROUSEL:
491
492                    offset = (carousel && reverse && slider.animatingTo === slider.last) ? 0 :
493                        (carousel && reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) :
494                            (carousel && slider.currentSlide === slider.last) ? slider.limit :
495                                (carousel) ? ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.currentSlide :
496                                    (reverse) ? (slider.last - slider.currentSlide + slider.cloneOffset) * cwidth : (slider.currentSlide + slider.cloneOffset) * cwidth;
497                }
498            }
499
500            function onMSGestureChange(e) {
501                e.stopPropagation();
502                var slider = e.target._slider;
503                if(!slider){
504                    return;
505                }
506                var transX = -e.translationX,
507                    transY = -e.translationY;
508
509                //Accumulate translations.
510                accDx = accDx + ((vertical) ? transY : transX);
511                dx = accDx;
512                scrolling = (vertical) ? (Math.abs(accDx) < Math.abs(-transX)) : (Math.abs(accDx) < Math.abs(-transY));
513
514                if(e.detail === e.MSGESTURE_FLAG_INERTIA){
515                    setImmediate(function (){
516                        el._gesture.stop();
517                    });
518
519                    return;
520                }
521
522                if (!scrolling || Number(new Date()) - startT > 500) {
523                    e.preventDefault();
524                    if (!fade && slider.transitions) {
525                        if (!slider.vars.animationLoop) {
526                            dx = accDx / ((slider.currentSlide === 0 && accDx < 0 || slider.currentSlide === slider.last && accDx > 0) ? (Math.abs(accDx) / cwidth + 2) : 1);
527                        }
528                        slider.setProps(offset + dx, "setTouch");
529                    }
530                }
531            }
532
533            function onMSGestureEnd(e) {
534                e.stopPropagation();
535                var slider = e.target._slider;
536                if(!slider){
537                    return;
538                }
539                if (slider.animatingTo === slider.currentSlide && !scrolling && !(dx === null)) {
540                    var updateDx = (reverse) ? -dx : dx,
541                        target = (updateDx > 0) ? slider.getTarget('next') : slider.getTarget('prev');
542
543                    if (slider.canAdvance(target) && (Number(new Date()) - startT < 550 && Math.abs(updateDx) > 50 || Math.abs(updateDx) > cwidth/2)) {
544                        slider.flexAnimate(target, slider.vars.pauseOnAction);
545                    } else {
546                        if (!fade) slider.flexAnimate(slider.currentSlide, slider.vars.pauseOnAction, true);
547                    }
548                }
549
550                startX = null;
551                startY = null;
552                dx = null;
553                offset = null;
554                accDx = 0;
555            }
556        }
557      },
558      resize: function() {
559        if (!slider.animating && slider.is(':visible')) {
560          if (!carousel) slider.doMath();
561
562          if (fade) {
563            // SMOOTH HEIGHT:
564            methods.smoothHeight();
565          } else if (carousel) { //CAROUSEL:
566            slider.slides.width(slider.computedW);
567            slider.update(slider.pagingCount);
568            slider.setProps();
569          }
570          else if (vertical) { //VERTICAL:
571            slider.viewport.height(slider.h);
572            slider.setProps(slider.h, "setTotal");
573          } else {
574            // SMOOTH HEIGHT:
575            if (slider.vars.smoothHeight) methods.smoothHeight();
576            slider.newSlides.width(slider.computedW);
577            slider.setProps(slider.computedW, "setTotal");
578          }
579        }
580      },
581      smoothHeight: function(dur) {
582        if (!vertical || fade) {
583          var $obj = (fade) ? slider : slider.viewport;
584          (dur) ? $obj.animate({"height": slider.slides.eq(slider.animatingTo).height()}, dur) : $obj.height(slider.slides.eq(slider.animatingTo).height());
585        }
586      },
587      /*sync: function(action) {
588        var $obj = $(slider.vars.sync).data("flexslider"),
589            target = slider.animatingTo;
590
591        switch (action) {
592          case "animate": $obj.flexAnimate(target, slider.vars.pauseOnAction, false, true); break;
593          case "play": if (!$obj.playing && !$obj.asNav) { $obj.play(); } break;
594          case "pause": $obj.pause(); break;
595        }
596      },*/
597      pauseInvisible: {
598        visProp: null,
599        init: function() {
600          var prefixes = ['webkit','moz','ms','o'];
601
602          if ('hidden' in document) return 'hidden';
603          for (var i = 0; i < prefixes.length; i++) {
604            if ((prefixes[i] + 'Hidden') in document) 
605            methods.pauseInvisible.visProp = prefixes[i] + 'Hidden';
606          }
607          if (methods.pauseInvisible.visProp) {
608            var evtname = methods.pauseInvisible.visProp.replace(/[H|h]idden/,'') + 'visibilitychange';
609            document.addEventListener(evtname, function() {
610              if (methods.pauseInvisible.isHidden()) {
611                if(slider.startTimeout) clearTimeout(slider.startTimeout); //If clock is ticking, stop timer and prevent from starting while invisible
612                else slider.pause(); //Or just pause
613              }
614              else {
615                if(slider.started) slider.play(); //Initiated before, just play
616                else (slider.vars.initDelay > 0) ? setTimeout(slider.play, slider.vars.initDelay) : slider.play(); //Didn't init before: simply init or wait for it
617              }
618            });
619          }       
620        },
621        isHidden: function() {
622          return document[methods.pauseInvisible.visProp] || false;
623        }
624      },
625      setToClearWatchedEvent: function() {
626        clearTimeout(watchedEventClearTimer);
627        watchedEventClearTimer = setTimeout(function() {
628          watchedEvent = "";
629        }, 3000);
630      }
631    }
632
633    // public methods
634    slider.flexAnimate = function(target, pause, override, withSync, fromNav) {
635      if (!slider.vars.animationLoop && target !== slider.currentSlide) {
636        slider.direction = (target > slider.currentSlide) ? "next" : "prev";
637      }
638
639      if (asNav && slider.pagingCount === 1) slider.direction = (slider.currentItem < target) ? "next" : "prev";
640
641      if (!slider.animating && (slider.canAdvance(target, fromNav) || override) && slider.is(":visible")) {
642        if (asNav && withSync) {
643          var master = $(slider.vars.asNavFor).data('flexslider');
644          slider.atEnd = target === 0 || target === slider.count - 1;
645          master.flexAnimate(target, true, false, true, fromNav);
646          slider.direction = (slider.currentItem < target) ? "next" : "prev";
647          master.direction = slider.direction;
648
649          if (Math.ceil((target + 1)/slider.visible) - 1 !== slider.currentSlide && target !== 0) {
650            slider.currentItem = target;
651            slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide");
652            target = Math.floor(target/slider.visible);
653          } else {
654            slider.currentItem = target;
655            slider.slides.removeClass(namespace + "active-slide").eq(target).addClass(namespace + "active-slide");
656            return false;
657          }
658        }
659
660        slider.animating = true;
661        slider.animatingTo = target;
662
663        // SLIDESHOW:
664        if (pause) slider.pause();
665
666        // API: before() animation Callback
667        slider.vars.before(slider);
668
669        // SYNC:
670        /*if (slider.syncExists && !fromNav) methods.sync("animate");*/
671
672        // CONTROLNAV
673        /*if (slider.vars.controlNav) methods.controlNav.active();*/
674
675        // !CAROUSEL:
676        // CANDIDATE: slide active class (for add/remove slide)
677        if (!carousel) slider.slides.removeClass(namespace + 'active-slide').eq(target).addClass(namespace + 'active-slide');
678
679        // INFINITE LOOP:
680        // CANDIDATE: atEnd
681        slider.atEnd = target === 0 || target === slider.last;
682
683        // DIRECTIONNAV:
684        if (slider.vars.directionNav) methods.directionNav.update();
685
686        if (target === slider.last) {
687          // API: end() of cycle Callback
688          slider.vars.end(slider);
689          // SLIDESHOW && !INFINITE LOOP:
690          if (!slider.vars.animationLoop) slider.pause();
691        }
692
693        // SLIDE:
694        if (!fade) {
695          var dimension = (vertical) ? slider.slides.filter(':first').height() : slider.computedW,
696              margin, slideString, calcNext;
697
698          // INFINITE LOOP / REVERSE:
699          if (carousel) {
700            //margin = (slider.vars.itemWidth > slider.w) ? slider.vars.itemMargin * 2 : slider.vars.itemMargin;
701            margin = slider.vars.itemMargin;
702            calcNext = ((slider.itemW + margin) * slider.move) * slider.animatingTo;
703            slideString = (calcNext > slider.limit && slider.visible !== 1) ? slider.limit : calcNext;
704          } else if (slider.currentSlide === 0 && target === slider.count - 1 && slider.vars.animationLoop && slider.direction !== "next") {
705            slideString = (reverse) ? (slider.count + slider.cloneOffset) * dimension : 0;
706          } else if (slider.currentSlide === slider.last && target === 0 && slider.vars.animationLoop && slider.direction !== "prev") {
707            slideString = (reverse) ? 0 : (slider.count + 1) * dimension;
708          } else {
709            slideString = (reverse) ? ((slider.count - 1) - target + slider.cloneOffset) * dimension : (target + slider.cloneOffset) * dimension;
710          }
711          slider.setProps(slideString, "", slider.vars.animationSpeed);
712          if (slider.transitions) {
713            if (!slider.vars.animationLoop || !slider.atEnd) {
714              slider.animating = false;
715              slider.currentSlide = slider.animatingTo;
716            }
717            slider.container.unbind("webkitTransitionEnd transitionend");
718            slider.container.bind("webkitTransitionEnd transitionend", function() {
719              slider.wrapup(dimension);
720            });
721          } else {
722            slider.container.animate(slider.args, slider.vars.animationSpeed, slider.vars.easing, function(){
723              slider.wrapup(dimension);
724            });
725          }
726        } else { // FADE:
727          if (!touch) {
728            //slider.slides.eq(slider.currentSlide).fadeOut(slider.vars.animationSpeed, slider.vars.easing);
729            //slider.slides.eq(target).fadeIn(slider.vars.animationSpeed, slider.vars.easing, slider.wrapup);
730
731            slider.slides.eq(slider.currentSlide).css({"zIndex": 1}).animate({"opacity": 0}, slider.vars.animationSpeed, slider.vars.easing);
732            slider.slides.eq(target).css({"zIndex": 2}).animate({"opacity": 1}, slider.vars.animationSpeed, slider.vars.easing, slider.wrapup);
733
734          } else {
735            slider.slides.eq(slider.currentSlide).css({ "opacity": 0, "zIndex": 1 });
736            slider.slides.eq(target).css({ "opacity": 1, "zIndex": 2 });
737            slider.wrapup(dimension);
738          }
739        }
740        // SMOOTH HEIGHT:
741        if (slider.vars.smoothHeight) methods.smoothHeight(slider.vars.animationSpeed);
742      }
743    }
744    slider.wrapup = function(dimension) {
745      // SLIDE:
746      if (!fade && !carousel) {
747        if (slider.currentSlide === 0 && slider.animatingTo === slider.last && slider.vars.animationLoop) {
748          slider.setProps(dimension, "jumpEnd");
749        } else if (slider.currentSlide === slider.last && slider.animatingTo === 0 && slider.vars.animationLoop) {
750          slider.setProps(dimension, "jumpStart");
751        }
752      }
753      slider.animating = false;
754      slider.currentSlide = slider.animatingTo;
755      // API: after() animation Callback
756      slider.vars.after(slider);
757    }
758
759    // SLIDESHOW:
760    slider.animateSlides = function() {
761      if (!slider.animating && focused ) slider.flexAnimate(slider.getTarget("next"));
762    }
763    // SLIDESHOW:
764    slider.pause = function() {
765      clearInterval(slider.animatedSlides);
766      slider.animatedSlides = null;
767      slider.playing = false;
768      // PAUSEPLAY:
769      if (slider.vars.pausePlay) methods.pausePlay.update("play");
770      // SYNC:
771      /*if (slider.syncExists) methods.sync("pause");*/
772    }
773    // SLIDESHOW:
774    slider.play = function() {
775      if (slider.playing) clearInterval(slider.animatedSlides);
776      slider.animatedSlides = slider.animatedSlides || setInterval(slider.animateSlides, slider.vars.slideshowSpeed);
777      slider.started = slider.playing = true;
778      // PAUSEPLAY:
779      if (slider.vars.pausePlay) methods.pausePlay.update("pause");
780      // SYNC:
781      /*if (slider.syncExists) methods.sync("play");*/
782    }
783    // STOP:
784    slider.stop = function () {
785      slider.pause();
786      slider.stopped = true;
787    }
788    slider.canAdvance = function(target, fromNav) {
789      // ASNAV:
790      var last = (asNav) ? slider.pagingCount - 1 : slider.last;
791      return (fromNav) ? true :
792             (asNav && slider.currentItem === slider.count - 1 && target === 0 && slider.direction === "prev") ? true :
793             (asNav && slider.currentItem === 0 && target === slider.pagingCount - 1 && slider.direction !== "next") ? false :
794             (target === slider.currentSlide && !asNav) ? false :
795             (slider.vars.animationLoop) ? true :
796             (slider.atEnd && slider.currentSlide === 0 && target === last && slider.direction !== "next") ? false :
797             (slider.atEnd && slider.currentSlide === last && target === 0 && slider.direction === "next") ? false :
798             true;
799    }
800    slider.getTarget = function(dir) {
801      slider.direction = dir;
802      if (dir === "next") {
803        return (slider.currentSlide === slider.last) ? 0 : slider.currentSlide + 1;
804      } else {
805        return (slider.currentSlide === 0) ? slider.last : slider.currentSlide - 1;
806      }
807    }
808
809    // SLIDE:
810    slider.setProps = function(pos, special, dur) {
811      var target = (function() {
812        var posCheck = (pos) ? pos : ((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo,
813            posCalc = (function() {
814              if (carousel) {
815                return (special === "setTouch") ? pos :
816                       (reverse && slider.animatingTo === slider.last) ? 0 :
817                       (reverse) ? slider.limit - (((slider.itemW + slider.vars.itemMargin) * slider.move) * slider.animatingTo) :
818                       (slider.animatingTo === slider.last) ? slider.limit : posCheck;
819              } else {
820                switch (special) {
821                  case "setTotal": return (reverse) ? ((slider.count - 1) - slider.currentSlide + slider.cloneOffset) * pos : (slider.currentSlide + slider.cloneOffset) * pos;
822                  case "setTouch": return (reverse) ? pos : pos;
823                  case "jumpEnd": return (reverse) ? pos : slider.count * pos;
824                  case "jumpStart": return (reverse) ? slider.count * pos : pos;
825                  default: return pos;
826                }
827              }
828            }());
829
830            return (posCalc * -1) + "px";
831          }());
832
833      if (slider.transitions) {
834        target = (vertical) ? "translate3d(0," + target + ",0)" : "translate3d(" + target + ",0,0)";
835        dur = (dur !== undefined) ? (dur/1000) + "s" : "0s";
836        slider.container.css("-" + slider.pfx + "-transition-duration", dur);
837        slider.container.css("transition-duration", dur); // new line for IE10
838      }
839
840      slider.args[slider.prop] = target;
841      if (slider.transitions || dur === undefined) slider.container.css(slider.args);
842      slider.container.css('transform',target); // new line for IE10
843    }
844
845    slider.setup = function(type) {
846      // SLIDE:
847      if (!fade) {
848        var sliderOffset, arr;
849
850        if (type === "init") {
851          slider.viewport = $('<div class="' + namespace + 'viewport"></div>').css({"overflow": "hidden", "position": "relative"}).appendTo(slider).append(slider.container);
852          // INFINITE LOOP:
853          slider.cloneCount = 0;
854          slider.cloneOffset = 0;
855          // REVERSE:
856          if (reverse) {
857            arr = $.makeArray(slider.slides).reverse();
858            slider.slides = $(arr);
859            slider.container.empty().append(slider.slides);
860          }
861        }
862        // INFINITE LOOP && !CAROUSEL:
863        if (slider.vars.animationLoop && !carousel) {
864          slider.cloneCount = 2;
865          slider.cloneOffset = 1;
866          // clear out old clones
867          if (type !== "init") slider.container.find('.clone').remove();
868          slider.container.append(slider.slides.first().clone().addClass('clone').attr('aria-hidden', 'true')).prepend(slider.slides.last().clone().addClass('clone').attr('aria-hidden', 'true'));
869        }
870        slider.newSlides = $(slider.vars.selector, slider);
871
872        sliderOffset = (reverse) ? slider.count - 1 - slider.currentSlide + slider.cloneOffset : slider.currentSlide + slider.cloneOffset;
873        // VERTICAL:
874        if (vertical && !carousel) {
875          slider.container.height((slider.count + slider.cloneCount) * 200 + "%").css("position", "absolute").width("100%");
876          setTimeout(function(){
877            slider.newSlides.css({"display": "block"});
878            slider.doMath();
879            slider.viewport.height(slider.h);
880            slider.setProps(sliderOffset * slider.h, "init");
881          }, (type === "init") ? 100 : 0);
882        } else {
883          slider.container.width((slider.count + slider.cloneCount) * 200 + "%");
884          slider.setProps(sliderOffset * slider.computedW, "init");
885          setTimeout(function(){
886            slider.doMath();
887            slider.newSlides.css({"width": slider.computedW, "float": "left", "display": "block"});
888            // SMOOTH HEIGHT:
889            if (slider.vars.smoothHeight) methods.smoothHeight();
890          }, (type === "init") ? 100 : 0);
891        }
892      } else { // FADE:
893        slider.slides.css({"width": "100%", "float": "left", "marginRight": "-100%", "position": "relative"});
894        if (type === "init") {
895          if (!touch) {
896            //slider.slides.eq(slider.currentSlide).fadeIn(slider.vars.animationSpeed, slider.vars.easing);
897            slider.slides.css({ "opacity": 0, "display": "block", "zIndex": 1 }).eq(slider.currentSlide).css({"zIndex": 2}).animate({"opacity": 1},slider.vars.animationSpeed,slider.vars.easing);
898          } else {
899            slider.slides.css({ "opacity": 0, "display": "block", "webkitTransition": "opacity " + slider.vars.animationSpeed / 1000 + "s ease", "zIndex": 1 }).eq(slider.currentSlide).css({ "opacity": 1, "zIndex": 2});
900          }
901        }
902        // SMOOTH HEIGHT:
903        if (slider.vars.smoothHeight) methods.smoothHeight();
904      }
905      // !CAROUSEL:
906      // CANDIDATE: active slide
907      if (!carousel) slider.slides.removeClass(namespace + "active-slide").eq(slider.currentSlide).addClass(namespace + "active-slide");
908    }
909
910
911    slider.doMath = function() {
912      var slide = slider.slides.first(),
913          slideMargin = slider.vars.itemMargin,
914          minItems = slider.vars.minItems,
915          maxItems = slider.vars.maxItems;
916
917      slider.w = (slider.viewport===undefined) ? slider.width() : slider.viewport.width();
918      slider.h = slide.height();
919      slider.boxPadding = slide.outerWidth() - slide.width();
920
921      // CAROUSEL:
922      if (carousel) {
923        slider.itemT = slider.vars.itemWidth + slideMargin;
924        slider.minW = (minItems) ? minItems * slider.itemT : slider.w;
925        slider.maxW = (maxItems) ? (maxItems * slider.itemT) - slideMargin : slider.w;
926        slider.itemW = (slider.minW > slider.w) ? (slider.w - (slideMargin * (minItems - 1)))/minItems :
927                       (slider.maxW < slider.w) ? (slider.w - (slideMargin * (maxItems - 1)))/maxItems :
928                       (slider.vars.itemWidth > slider.w) ? slider.w : slider.vars.itemWidth;
929
930        slider.visible = Math.floor(slider.w/(slider.itemW));
931        slider.move = (slider.vars.move > 0 && slider.vars.move < slider.visible ) ? slider.vars.move : slider.visible;
932        slider.pagingCount = Math.ceil(((slider.count - slider.visible)/slider.move) + 1);
933        slider.last =  slider.pagingCount - 1;
934        slider.limit = (slider.pagingCount === 1) ? 0 :
935                       (slider.vars.itemWidth > slider.w) ? (slider.itemW * (slider.count - 1)) + (slideMargin * (slider.count - 1)) : ((slider.itemW + slideMargin) * slider.count) - slider.w - slideMargin;
936      } else {
937        slider.itemW = slider.w;
938        slider.pagingCount = slider.count;
939        slider.last = slider.count - 1;
940      }
941      slider.computedW = slider.itemW - slider.boxPadding;
942    }
943
944
945    slider.update = function(pos, action) {
946      slider.doMath();
947
948      // update currentSlide and slider.animatingTo if necessary
949      if (!carousel) {
950        if (pos < slider.currentSlide) {
951          slider.currentSlide += 1;
952        } else if (pos <= slider.currentSlide && pos !== 0) {
953          slider.currentSlide -= 1;
954        }
955        slider.animatingTo = slider.currentSlide;
956      }
957
958      // update controlNav
959      if (slider.vars.controlNav && !slider.manualControls) {
960        if ((action === "add" && !carousel) || slider.pagingCount > slider.controlNav.length) {
961          methods.controlNav.update("add");
962        } else if ((action === "remove" && !carousel) || slider.pagingCount < slider.controlNav.length) {
963          if (carousel && slider.currentSlide > slider.last) {
964            slider.currentSlide -= 1;
965            slider.animatingTo -= 1;
966          }
967          methods.controlNav.update("remove", slider.last);
968        }
969      }
970      // update directionNav
971      if (slider.vars.directionNav) methods.directionNav.update();
972
973    }
974
975    slider.addSlide = function(obj, pos) {
976      var $obj = $(obj);
977
978      slider.count += 1;
979      slider.last = slider.count - 1;
980
981      // append new slide
982      if (vertical && reverse) {
983        (pos !== undefined) ? slider.slides.eq(slider.count - pos).after($obj) : slider.container.prepend($obj);
984      } else {
985        (pos !== undefined) ? slider.slides.eq(pos).before($obj) : slider.container.append($obj);
986      }
987
988      // update currentSlide, animatingTo, controlNav, and directionNav
989      slider.update(pos, "add");
990
991      // update slider.slides
992      slider.slides = $(slider.vars.selector + ':not(.clone)', slider);
993      // re-setup the slider to accomdate new slide
994      slider.setup();
995
996      //FlexSlider: added() Callback
997      slider.vars.added(slider);
998    }
999    slider.removeSlide = function(obj) {
1000      var pos = (isNaN(obj)) ? slider.slides.index($(obj)) : obj;
1001
1002      // update count
1003      slider.count -= 1;
1004      slider.last = slider.count - 1;
1005
1006      // remove slide
1007      if (isNaN(obj)) {
1008        $(obj, slider.slides).remove();
1009      } else {
1010        (vertical && reverse) ? slider.slides.eq(slider.last).remove() : slider.slides.eq(obj).remove();
1011      }
1012
1013      // update currentSlide, animatingTo, controlNav, and directionNav
1014      slider.doMath();
1015      slider.update(pos, "remove");
1016
1017      // update slider.slides
1018      slider.slides = $(slider.vars.selector + ':not(.clone)', slider);
1019      // re-setup the slider to accomdate new slide
1020      slider.setup();
1021
1022      // FlexSlider: removed() Callback
1023      slider.vars.removed(slider);
1024    }
1025
1026    //FlexSlider: Initialize
1027    methods.init();
1028  }
1029
1030  // Ensure the slider isn't focussed if the window loses focus.
1031  $( window ).blur( function ( e ) {
1032    focused = false;
1033  }).focus( function ( e ) {
1034    focused = true;
1035  });
1036
1037  //FlexSlider: Default Settings
1038  $.flexslider.defaults = {
1039    namespace: "flex-",             //{NEW} String: Prefix string attached to the class of every element generated by the plugin
1040    selector: ".slides > li",       //{NEW} Selector: Must match a simple pattern. '{container} > {slide}' -- Ignore pattern at your own peril
1041    animation: "fade",              //String: Select your animation type, "fade" or "slide"
1042    easing: "swing",                //{NEW} String: Determines the easing method used in jQuery transitions. jQuery easing plugin is supported!
1043    direction: "horizontal",        //String: Select the sliding direction, "horizontal" or "vertical"
1044    reverse: false,                 //{NEW} Boolean: Reverse the animation direction
1045    animationLoop: true,            //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
1046    smoothHeight: false,            //{NEW} Boolean: Allow height of the slider to animate smoothly in horizontal mode
1047    startAt: 0,                     //Integer: The slide that the slider should start on. Array notation (0 = first slide)
1048    slideshow: true,                //Boolean: Animate slider automatically
1049    slideshowSpeed: 7000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
1050    animationSpeed: 600,            //Integer: Set the speed of animations, in milliseconds
1051    initDelay: 0,                   //{NEW} Integer: Set an initialization delay, in milliseconds
1052    randomize: false,               //Boolean: Randomize slide order
1053    thumbCaptions: false,           //Boolean: Whether or not to put captions on thumbnails when using the "thumbnails" controlNav.
1054
1055    // Usability features
1056    pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
1057    pauseOnHover: false,            //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
1058    pauseInvisible: true,   		//{NEW} Boolean: Pause the slideshow when tab is invisible, resume when visible. Provides better UX, lower CPU usage.
1059    useCSS: true,                   //{NEW} Boolean: Slider will use CSS3 transitions if available
1060    touch: true,                    //{NEW} Boolean: Allow touch swipe navigation of the slider on touch-enabled devices
1061    video: false,                   //{NEW} Boolean: If using video in the slider, will prevent CSS3 3D Transforms to avoid graphical glitches
1062
1063    // Primary Controls
1064    controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
1065    directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
1066    prevText: "Previous",           //String: Set the text for the "previous" directionNav item
1067    nextText: "Next",               //String: Set the text for the "next" directionNav item
1068
1069    // Secondary Navigation
1070    keyboard: true,                 //Boolean: Allow slider navigating via keyboard left/right keys
1071    multipleKeyboard: false,        //{NEW} Boolean: Allow keyboard navigation to affect multiple sliders. Default behavior cuts out keyboard navigation with more than one slider present.
1072    mousewheel: false,              //{UPDATED} Boolean: Requires jquery.mousewheel.js (https://github.com/brandonaaron/jquery-mousewheel) - Allows slider navigating via mousewheel