// WordPress, TinyMCE, and Media

// -----------------------------

(function($){

	// Stores the editors' `wp.media.controller.Frame` instances.

	var workflows = {};

	wp.media.string = {

		// Joins the `props` and `attachment` objects,

		// outputting the proper object format based on the

		// attachment's type.

		props: function( props, attachment ) {

			var link, linkUrl, size, sizes, fallbacks;

			// Final fallbacks run after all processing has been completed.

			fallbacks = function( props ) {

				// Generate alt fallbacks and strip tags.

				if ( 'image' === props.type && ! props.alt ) {

					props.alt = props.caption || props.title || '';

					props.alt = props.alt.replace( /<\/?[^>]+>/g, '' );

				}

				return props;

			};

			props = props ? _.clone( props ) : {};

			if ( attachment && attachment.type )

				props.type = attachment.type;

			if ( 'image' === props.type ) {

				props = _.defaults( props || {}, {

					align:   getUserSetting( 'align', 'none' ),

					size:    getUserSetting( 'imgsize', 'medium' ),

					url:     '',

					classes: []

				});

			}

			// All attachment-specific settings follow.

			if ( ! attachment )

				return fallbacks( props );

			props.title = props.title || attachment.title;

			link = props.link || getUserSetting( 'urlbutton', 'post' );

			if ( 'file' === link )

				linkUrl = attachment.url;

			else if ( 'post' === link )

				linkUrl = attachment.link;

			else if ( 'custom' === link )

				linkUrl = props.linkUrl;

			props.linkUrl = linkUrl || '';

			// Format properties for images.

			if ( 'image' === attachment.type ) {

				props.classes.push( 'wp-image-' + attachment.id );

				sizes = attachment.sizes;

				size = sizes && sizes[ props.size ] ? sizes[ props.size ] : attachment;

				_.extend( props, _.pick( attachment, 'align', 'caption', 'alt' ), {

					width:     size.width,

					height:    size.height,

					src:       size.url,

					captionId: 'attachment_' + attachment.id

				});

			// Format properties for non-images.

			} else {

				props.title = props.title || attachment.filename;

				props.rel = props.rel || 'attachment wp-att-' + attachment.id;

			}

			return fallbacks( props );

		},

		link: function( props, attachment ) {

			var options;

			props = wp.media.string.props( props, attachment );

			options = {

				tag:     'a',

				content: props.title,

				attrs:   {

					href: props.linkUrl

				}

			};

			if ( props.rel )

				options.attrs.rel = props.rel;

			return wp.html.string( options );

		},

		image: function( props, attachment ) {

			var img = {},

				options, classes, shortcode, html;

			props = wp.media.string.props( props, attachment );

			classes = props.classes || [];

			img.src = props.url;

			_.extend( img, _.pick( props, 'width', 'height', 'alt' ) );

			// Only assign the align class to the image if we're not printing

			// a caption, since the alignment is sent to the shortcode.

			if ( props.align && ! props.caption )

				classes.push( 'align' + props.align );

			if ( props.size )

				classes.push( 'size-' + props.size );

			img['class'] = _.compact( classes ).join(' ');

			// Generate `img` tag options.

			options = {

				tag:    'img',

				attrs:  img,

				single: true

			};

			// Generate the `a` element options, if they exist.

			if ( props.linkUrl ) {

				options = {

					tag:   'a',

					attrs: {

						href: props.linkUrl

					},

					content: options

				};

			}

			html = wp.html.string( options );

			// Generate the caption shortcode.

			if ( props.caption ) {

				shortcode = {};

				if ( img.width )

					shortcode.width = img.width;

				if ( props.captionId )

					shortcode.id = props.captionId;

				if ( props.align )

					shortcode.align = 'align' + props.align;

				html = wp.shortcode.string({

					tag:     'caption',

					attrs:   shortcode,

					content: html + ' ' + props.caption

				});

			}

			return html;

		}

	};

	wp.media.gallery = (function() {

		var galleries = {};

		return {

			defaults: {

				order:      'ASC',

				id:         wp.media.view.settings.post.id,

				itemtag:    'dl',

				icontag:    'dt',

				captiontag: 'dd',

				columns:    3,

				size:       'thumbnail',

				orderby:    'menu_order ID'

			},

			attachments: function( shortcode ) {

				var shortcodeString = shortcode.string(),

					result = galleries[ shortcodeString ],

					attrs, args, query, others;

				delete galleries[ shortcodeString ];

				if ( result )

					return result;

				// Fill the default shortcode attributes.

				attrs = _.defaults( shortcode.attrs.named, wp.media.gallery.defaults );

				args  = _.pick( attrs, 'orderby', 'order' );

				args.type    = 'image';

				args.perPage = -1;

				// Mark the `orderby` override attribute.

				if ( 'rand' === attrs.orderby )

					attrs._orderbyRandom = true;

				// Map the `orderby` attribute to the corresponding model property.

				if ( ! attrs.orderby || /^menu_order(?: ID)?$/i.test( attrs.orderby ) )

					args.orderby = 'menuOrder';

				// Map the `ids` param to the correct query args.

				if ( attrs.ids ) {

					args.post__in = attrs.ids.split(',');

					args.orderby  = 'post__in';

				} else if ( attrs.include ) {

					args.post__in = attrs.include.split(',');

				}

				if ( attrs.exclude )

					args.post__not_in = attrs.exclude.split(',');

				if ( ! args.post__in )

					args.uploadedTo = attrs.id;

				// Collect the attributes that were not included in `args`.

				others = _.omit( attrs, 'id', 'ids', 'include', 'exclude', 'orderby', 'order' );

				query = wp.media.query( args );

				query.gallery = new Backbone.Model( others );

				return query;

			},

			shortcode: function( attachments ) {

				var props = attachments.props.toJSON(),

					attrs = _.pick( props, 'orderby', 'order' ),

					shortcode, clone;

				if ( attachments.gallery )

					_.extend( attrs, attachments.gallery.toJSON() );

				// Convert all gallery shortcodes to use the `ids` property.

				// Ignore `post__in` and `post__not_in`; the attachments in

				// the collection will already reflect those properties.

				attrs.ids = attachments.pluck('id');

				// Copy the `uploadedTo` post ID.

				if ( props.uploadedTo )

					attrs.id = props.uploadedTo;

				// Check if the gallery is randomly ordered.

				if ( attrs._orderbyRandom )

					attrs.orderby = 'rand';

				delete attrs._orderbyRandom;

				// If the `ids` attribute is set and `orderby` attribute

				// is the default value, clear it for cleaner output.

				if ( attrs.ids && 'post__in' === attrs.orderby )

					delete attrs.orderby;

				// Remove default attributes from the shortcode.

				_.each( wp.media.gallery.defaults, function( value, key ) {

					if ( value === attrs[ key ] )

						delete attrs[ key ];

				});

				shortcode = new wp.shortcode({

					tag:    'gallery',

					attrs:  attrs,

					type:   'single'

				});

				// Use a cloned version of the gallery.

				clone = new wp.media.model.Attachments( attachments.models, {

					props: props

				});

				clone.gallery = attachments.gallery;

				galleries[ shortcode.string() ] = clone;

				return shortcode;

			},

			edit: function( content ) {

				var shortcode = wp.shortcode.next( 'gallery', content ),

					defaultPostId = wp.media.gallery.defaults.id,

					attachments, selection;

				// Bail if we didn't match the shortcode or all of the content.

				if ( ! shortcode || shortcode.content !== content )

					return;

				// Ignore the rest of the match object.

				shortcode = shortcode.shortcode;

				if ( _.isUndefined( shortcode.get('id') ) && ! _.isUndefined( defaultPostId ) )

					shortcode.set( 'id', defaultPostId );

				attachments = wp.media.gallery.attachments( shortcode );

				selection = new wp.media.model.Selection( attachments.models, {

					props:    attachments.props.toJSON(),

					multiple: true

				});

				selection.gallery = attachments.gallery;

				// Fetch the query's attachments, and then break ties from the

				// query to allow for sorting.

				selection.more().done( function() {

					// Break ties with the query.

					selection.props.set({ query: false });

					selection.unmirror();

					selection.props.unset('orderby');

				});

				// Destroy the previous gallery frame.

				if ( this.frame )

					this.frame.dispose();

				// Store the current gallery frame.

				this.frame = wp.media({

					frame:     'post',

					state:     'gallery-edit',

					title:     wp.media.view.l10n.editGalleryTitle,

					editing:   true,

					multiple:  true,

					selection: selection

				}).open();

				return this.frame;

			}

		};

	}());

	wp.media.featuredImage = {

		get: function() {

			return wp.media.view.settings.post.featuredImageId;

		},

		set: function( id ) {

			var settings = wp.media.view.settings;

			settings.post.featuredImageId = id;

			wp.media.post( 'set-post-thumbnail', {

				json:         true,

				post_id:      settings.post.id,

				thumbnail_id: settings.post.featuredImageId,

				_wpnonce:     settings.post.nonce

			}).done( function( html ) {

				$( '.inside', '#postimagediv' ).html( html );

			});

		},

		frame: function() {

			if ( this._frame )

				return this._frame;

			this._frame = wp.media({

				state: 'featured-image',

				states: [ new wp.media.controller.FeaturedImage() ]

			});

			this._frame.on( 'toolbar:create:featured-image', function( toolbar ) {

				this.createSelectToolbar( toolbar, {

					text: wp.media.view.l10n.setFeaturedImage

				});

			}, this._frame );

			this._frame.state('featured-image').on( 'select', this.select );