/*

 * Twenty Fourteen Featured Content Slider

 *

 * Adapted from FlexSlider v2.2.0, copyright 2012 WooThemes

 * @link http://www.woothemes.com/flexslider/

 */

/* global DocumentTouch:true,setImmediate:true,featuredSliderDefaults:true,MSGesture:true */

( function( $ ) {

	// FeaturedSlider: object instance.

	$.featuredslider = function( el, options ) {

		var slider = $( el ),

			msGesture = window.navigator && window.navigator.msPointerEnabled && window.MSGesture,

			touch = ( ( 'ontouchstart' in window ) || msGesture || window.DocumentTouch && document instanceof DocumentTouch ), // MSFT specific.

			eventType = 'click touchend MSPointerUp',

			watchedEvent = '',

			watchedEventClearTimer,

			methods = {},

			namespace;

		// Make variables public.

		slider.vars = $.extend( {}, $.featuredslider.defaults, options );

		namespace = slider.vars.namespace,

		// Store a reference to the slider object.

		$.data( el, 'featuredslider', slider );

		// Private slider methods.

		methods = {

			init: function() {

				slider.animating = false;

				slider.currentSlide = 0;

				slider.animatingTo = slider.currentSlide;

				slider.atEnd = ( slider.currentSlide === 0 || slider.currentSlide === slider.last );

				slider.containerSelector = slider.vars.selector.substr( 0, slider.vars.selector.search( ' ' ) );

				slider.slides = $( slider.vars.selector, slider );

				slider.container = $( slider.containerSelector, slider );

				slider.count = slider.slides.length;

				slider.prop = 'marginLeft';

				slider.isRtl = $( 'body' ).hasClass( 'rtl' );

				slider.args = {};

				// TOUCH

				slider.transitions = ( function() {

					var obj = document.createElement( 'div' ),

						props = ['perspectiveProperty', 'WebkitPerspective', 'MozPerspective', 'OPerspective', 'msPerspective'],

						i;

					for ( i in props ) {

						if ( obj.style[ props[i] ] !== undefined ) {

							slider.pfx = props[i].replace( 'Perspective', '' ).toLowerCase();

							slider.prop = '-' + slider.pfx + '-transform';

							return true;

						}

					}

					return false;

				}() );

				// CONTROLSCONTAINER

				if ( slider.vars.controlsContainer !== '' ) {

					slider.controlsContainer = $( slider.vars.controlsContainer ).length > 0 && $( slider.vars.controlsContainer );

				}

				slider.doMath();

				// INIT

				slider.setup( 'init' );

				// CONTROLNAV

				methods.controlNav.setup();

				// DIRECTIONNAV

				methods.directionNav.setup();

				// KEYBOARD

				if ( $( slider.containerSelector ).length === 1 ) {

					$( document ).bind( 'keyup', function( event ) {

						var keycode = event.keyCode,

							target = false;

						if ( ! slider.animating && ( keycode === 39 || keycode === 37 ) ) {

							if ( keycode === 39 ) {

								target = slider.getTarget( 'next' );

							} else if ( keycode === 37 ) {

								target = slider.getTarget( 'prev' );

							}

							slider.featureAnimate( target );

						}

					} );

				}

				// TOUCH

				if ( touch ) {

					methods.touch();

				}

				$( window ).bind( 'resize orientationchange focus', methods.resize );

				slider.find( 'img' ).attr( 'draggable', 'false' );

			},

			controlNav: {

				setup: function() {

					methods.controlNav.setupPaging();

				},

				setupPaging: function() {

					var type = 'control-paging',

						j = 1,

						item,

						slide,

						i;

					slider.controlNavScaffold = $( '<ol class="' + namespace + 'control-nav ' + namespace + type + '"></ol>' );

					if ( slider.pagingCount > 1 ) {

						for ( i = 0; i < slider.pagingCount; i++ ) {

							slide = slider.slides.eq( i );

							item = '<a>' + j + '</a>';

							slider.controlNavScaffold.append( '<li>' + item + '</li>' );

							j++;

						}

					}

					// CONTROLSCONTAINER

					( slider.controlsContainer ) ? $( slider.controlsContainer ).append( slider.controlNavScaffold ) : slider.append( slider.controlNavScaffold );

					methods.controlNav.set();

					methods.controlNav.active();

					slider.controlNavScaffold.delegate( 'a, img', eventType, function( event ) {

						event.preventDefault();

						if ( watchedEvent === '' || watchedEvent === event.type ) {

							var $this = $( this ),

								target = slider.controlNav.index( $this );

							if ( ! $this.hasClass( namespace + 'active' ) ) {

								slider.direction = ( target > slider.currentSlide ) ? 'next' : 'prev';

								slider.featureAnimate( target );

							}

						}

						// Set up flags to prevent event duplication.

						if ( watchedEvent === '' ) {

							watchedEvent = event.type;

						}

						methods.setToClearWatchedEvent();

					} );

				},

				set: function() {

					var selector = 'a';

					slider.controlNav = $( '.' + namespace + 'control-nav li ' + selector, ( slider.controlsContainer ) ? slider.controlsContainer : slider );

				},

				active: function() {

					slider.controlNav.removeClass( namespace + 'active' ).eq( slider.animatingTo ).addClass( namespace + 'active' );

				},

				update: function( action, pos ) {

					if ( slider.pagingCount > 1 && action === 'add' ) {

						slider.controlNavScaffold.append( $( '<li><a>' + slider.count + '</a></li>' ) );

					} else if ( slider.pagingCount === 1 ) {

						slider.controlNavScaffold.find( 'li' ).remove();

					} else {

						slider.controlNav.eq( pos ).closest( 'li' ).remove();

					}

					methods.controlNav.set();

					( slider.pagingCount > 1 && slider.pagingCount !== slider.controlNav.length ) ? slider.update( pos, action ) : methods.controlNav.active();

				}

			},

			directionNav: {

				setup: function() {

					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>' );

					// CONTROLSCONTAINER

					if ( slider.controlsContainer ) {

						$( slider.controlsContainer ).append( directionNavScaffold );

						slider.directionNav = $( '.' + namespace + 'direction-nav li a', slider.controlsContainer );

					} else {

						slider.append( directionNavScaffold );

						slider.directionNav = $( '.' + namespace + 'direction-nav li a', slider );

					}

					methods.directionNav.update();

					slider.directionNav.bind( eventType, function( event ) {

						event.preventDefault();

						var target;

						if ( watchedEvent === '' || watchedEvent === event.type ) {

							target = ( $( this ).hasClass( namespace + 'next' ) ) ? slider.getTarget( 'next' ) : slider.getTarget( 'prev' );

							slider.featureAnimate( target );

						}

						// Set up flags to prevent event duplication.

						if ( watchedEvent === '' ) {

							watchedEvent = event.type;

						}

						methods.setToClearWatchedEvent();

					} );

				},

				update: function() {

					var disabledClass = namespace + 'disabled';

					if ( slider.pagingCount === 1 ) {

						slider.directionNav.addClass( disabledClass ).attr( 'tabindex', '-1' );

					} else {

						slider.directionNav.removeClass( disabledClass ).removeAttr( 'tabindex' );

					}

				}

			},

			touch: function() {

				var startX,

					startY,

					offset,

					cwidth,

					dx,

					startT,

					scrolling = false,

					localX = 0,

					localY = 0,

					accDx = 0;

				if ( ! msGesture ) {

					el.addEventListener( 'touchstart', onTouchStart, false );

				} else {

					el.style.msTouchAction = 'none';

					el._gesture = new MSGesture(); // MSFT specific.

					el._gesture.target = el;

					el.addEventListener( 'MSPointerDown', onMSPointerDown, false );

					el._slider = slider;

					el.addEventListener( 'MSGestureChange', onMSGestureChange, false );

					el.addEventListener( 'MSGestureEnd', onMSGestureEnd, false );

				}

				function onTouchStart( e ) {

					if ( slider.animating ) {

						e.preventDefault();

					} else if ( ( window.navigator.msPointerEnabled ) || e.touches.length === 1 ) {

						cwidth = slider.w;

						startT = Number( new Date() );

						// Local vars for X and Y points.

						localX = e.touches[0].pageX;

						localY = e.touches[0].pageY;

						offset = ( slider.currentSlide + slider.cloneOffset ) * cwidth;

						if ( slider.animatingTo === slider.last && slider.direction !== 'next' ) {

							offset = 0;

						}

						startX = localX;

						startY = localY;

						el.addEventListener( 'touchmove', onTouchMove, false );

						el.addEventListener( 'touchend', onTouchEnd, false );

					}

				}

				function onTouchMove( e ) {

					// Local vars for X and Y points.

					localX = e.touches[0].pageX;

					localY = e.touches[0].pageY;

					dx = startX - localX;

					scrolling = Math.abs( dx ) < Math.abs( localY - startY );

					if ( ! scrolling ) {

						e.preventDefault();

						if ( slider.transitions ) {

							slider.setProps( offset + dx, 'setTouch' );

						}

					}

				}

				function onTouchEnd() {

					// Finish the touch by undoing the touch session.

					el.removeEventListener( 'touchmove', onTouchMove, false );

					if ( slider.animatingTo === slider.currentSlide && ! scrolling && dx !== null ) {

						var updateDx = dx,

							target = ( updateDx > 0 ) ? slider.getTarget( 'next' ) : slider.getTarget( 'prev' );

						slider.featureAnimate( target );

					}

					el.removeEventListener( 'touchend', onTouchEnd, false );

					startX = null;

					startY = null;

					dx = null;

					offset = null;

				}

				function onMSPointerDown( e ) {

					e.stopPropagation();

					if ( slider.animating ) {

						e.preventDefault();

					} else {

						el._gesture.addPointer( e.pointerId );

						accDx = 0;

						cwidth = slider.w;

						startT = Number( new Date() );

						offset = ( slider.currentSlide + slider.cloneOffset ) * cwidth;

						if ( slider.animatingTo === slider.last && slider.direction !== 'next' ) {

							offset = 0;

						}

					}

				}

				function onMSGestureChange( e ) {

					e.stopPropagation();

					var slider = e.target._slider,

						transX,

						transY;

					if ( ! slider ) {

						return;

					}

					transX = -e.translationX,

					transY = -e.translationY;

					// Accumulate translations.

					accDx = accDx + transX;

					dx = accDx;

					scrolling = Math.abs( accDx ) < Math.abs( -transY );

					if ( e.detail === e.MSGESTURE_FLAG_INERTIA ) {

						setImmediate( function () { // MSFT specific.

							el._gesture.stop();

						} );

						return;