window.wp = window.wp || {};

(function($){
	var imageFrame;

	// Post formats selection
	$('.post-format-select a').on( 'click', function(e){
		e.preventDefault();
		var $this = $(this),
			format = $this.data('wpFormat');
		$('.post-format-select a.nav-tab-active').removeClass('nav-tab-active');
		$this.addClass('nav-tab-active').blur();
		$('#post_format').val(format);
		$('#post-body-content').attr('class', 'wp-format-' + format );
	});

	// Image selection
	$('#wp-format-image-select').click( function( event ) {
		var $el = $(this),
			$holder = $('#wp-format-image-holder'),
			$field = $('#wp_format_image');
		event.preventDefault();

		// If the media frame already exists, reopen it.
		if ( imageFrame ) {
			imageFrame.open();
			return;
		}

		// Create the media frame.
		imageFrame = wp.media.frames.formatImage = wp.media({
			// Set the title of the modal.
			title: $el.data('choose'),

			// Tell the modal to show only images.
			library: {
				type: 'image'
			},

			// Customize the submit button.
			button: {
				// Set the text of the button.
				text: $el.data('update')
			}
		});

		// When an image is selected, run a callback.
		imageFrame.on( 'select', function() {
			// Grab the selected attachment.
			var attachment = imageFrame.state().get('selection').first(),
				imageUrl = attachment.get('url');

			// set the hidden input's value
			$field.attr('value', attachment.id);

			// Show the image in the placeholder
			$el.html('<img src="' + imageUrl + '" />');
			$holder.removeClass('empty');
		});

		imageFrame.open();
	});
})(jQuery);