/* globals _wpCustomizeHeader, _ */

(function( $, wp ) {

	var api = wp.customize;

	api.HeaderTool = {};

	/**

	 * wp.customize.HeaderTool.ImageModel

	 *

	 * A header image. This is where saves via the Customizer API are

	 * abstracted away, plus our own AJAX calls to add images to and remove

	 * images from the user's recently uploaded images setting on the server.

	 * These calls are made regardless of whether the user actually saves new

	 * Customizer settings.

	 *

	 * @constructor

	 * @augments Backbone.Model

	 */

	api.HeaderTool.ImageModel = Backbone.Model.extend({

		defaults: function() {

			return {

				header: {

					attachment_id: 0,

					url: '',

					timestamp: _.now(),

					thumbnail_url: ''

				},

				choice: '',

				selected: false,

				random: false

			};

		},

		initialize: function() {

			this.on('hide', this.hide, this);

		},

		hide: function() {

			this.set('choice', '');

			api('header_image').set('remove-header');

			api('header_image_data').set('remove-header');

		},

		destroy: function() {

			var data = this.get('header'),

				curr = api.HeaderTool.currentHeader.get('header').attachment_id;

			// If the image we're removing is also the current header, unset

			// the latter

			if (curr && data.attachment_id === curr) {

				api.HeaderTool.currentHeader.trigger('hide');

			}

			wp.ajax.post( 'custom-header-remove', {

				nonce: _wpCustomizeHeader.nonces.remove,

				wp_customize: 'on',

				theme: api.settings.theme.stylesheet,

				attachment_id: data.attachment_id

			});

			this.trigger('destroy', this, this.collection);

		},

		save: function() {

			if (this.get('random')) {

				api('header_image').set(this.get('header').random);

				api('header_image_data').set(this.get('header').random);

			} else {

				if (this.get('header').defaultName) {

					api('header_image').set(this.get('header').url);

					api('header_image_data').set(this.get('header').defaultName);

				} else {

					api('header_image').set(this.get('header').url);

					api('header_image_data').set(this.get('header'));

				}

			}

			api.HeaderTool.combinedList.trigger('control:setImage', this);

		},

		importImage: function() {

			var data = this.get('header');

			if (data.attachment_id === undefined) {

				return;

			}

			wp.ajax.post( 'custom-header-add', {

				nonce: _wpCustomizeHeader.nonces.add,

				wp_customize: 'on',

				theme: api.settings.theme.stylesheet,

				attachment_id: data.attachment_id

			} );

		},

		shouldBeCropped: function() {

			if (this.get('themeFlexWidth') === true &&

						this.get('themeFlexHeight') === true) {

				return false;

			}

			if (this.get('themeFlexWidth') === true &&

				this.get('themeHeight') === this.get('imageHeight')) {

				return false;

			}

			if (this.get('themeFlexHeight') === true &&

				this.get('themeWidth') === this.get('imageWidth')) {

				return false;

			}

			if (this.get('themeWidth') === this.get('imageWidth') &&

				this.get('themeHeight') === this.get('imageHeight')) {

				return false;

			}

			if (this.get('imageWidth') <= this.get('themeWidth')) {

				return false;

			}

			return true;

		}

	});

	/**

	 * wp.customize.HeaderTool.ChoiceList

	 *

	 * @constructor

	 * @augments Backbone.Collection

	 */

	api.HeaderTool.ChoiceList = Backbone.Collection.extend({

		model: api.HeaderTool.ImageModel,

		// Ordered from most recently used to least

		comparator: function(model) {

			return -model.get('header').timestamp;

		},

		initialize: function() {

			var current = api.HeaderTool.currentHeader.get('choice').replace(/^https?:\/\//, ''),

				isRandom = this.isRandomChoice(api.get().header_image);

			// Overridable by an extending class

			if (!this.type) {

				this.type = 'uploaded';

			}

			// Overridable by an extending class

			if (typeof this.data === 'undefined') {

				this.data = _wpCustomizeHeader.uploads;

			}

			if (isRandom) {

				// So that when adding data we don't hide regular images

				current = api.get().header_image;

			}

			this.on('control:setImage', this.setImage, this);

			this.on('control:removeImage', this.removeImage, this);

			this.on('add', this.maybeAddRandomChoice, this);

			_.each(this.data, function(elt, index) {

				if (!elt.attachment_id) {

					elt.defaultName = index;

				}

				if (typeof elt.timestamp === 'undefined') {

					elt.timestamp = 0;

				}

				this.add({

					header: elt,

					choice: elt.url.split('/').pop(),

					selected: current === elt.url.replace(/^https?:\/\//, '')

				}, { silent: true });

			}, this);

			if (this.size() > 0) {

				this.addRandomChoice(current);

			}

		},

		maybeAddRandomChoice: function() {

			if (this.size() === 1) {

				this.addRandomChoice();

			}

		},

		addRandomChoice: function(initialChoice) {

			var isRandomSameType = RegExp(this.type).test(initialChoice),

				randomChoice = 'random-' + this.type + '-image';

			this.add({

				header: {

					timestamp: 0,

					random: randomChoice,

					width: 245,

					height: 41

				},

				choice: randomChoice,

				random: true,

				selected: isRandomSameType

			});

		},

		isRandomChoice: function(choice) {

			return (/^random-(uploaded|default)-image$/).test(choice);

		},

		shouldHideTitle: function() {

			return this.size() < 2;

		},

		setImage: function(model) {

			this.each(function(m) {

				m.set('selected', false);

			});

			if (model) {

				model.set('selected', true);

			}

		},

		removeImage: function() {

			this.each(function(m) {

				m.set('selected', false);

			});

		}

	});

	/**

	 * wp.customize.HeaderTool.DefaultsList

	 *

	 * @constructor

	 * @augments wp.customize.HeaderTool.ChoiceList

	 * @augments Backbone.Collection

	 */

	api.HeaderTool.DefaultsList = api.HeaderTool.ChoiceList.extend({

		initialize: function() {

			this.type = 'default';

			this.data = _wpCustomizeHeader.defaults;

			api.HeaderTool.ChoiceList.prototype.initialize.apply(this);

		}

	});

})( jQuery, window.wp );