https://compoundthinking.com/wp-content/themes/newsstand/plugins/flexslider/jquery.flexslider.js?ver=1.0

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