jQuery(document).ready(function($) {
	var mediaUploader;

	$('#tsprodukt_image_upload_button').click(function(e) {
		e.preventDefault();

		mediaUploader = wp.media({
			title: 'Bilder auswählen',
			button: {
				text: 'Bilder hinzufügen'
			},
			multiple: true
		});

		mediaUploader.on('select', function() {
			var selection = mediaUploader.state().get('selection');
			selection.map(function(attachment) {
				attachment = attachment.toJSON();
				var imageHtml  = '<div class="tsprodukt_image">';
					imageHtml += '<img src="' + attachment.sizes.thumbnail.url + '" alt="" />';
					imageHtml += '<input type="hidden" name="tsprodukt_image_ids[]" value="' + attachment.id + '" />';
					imageHtml += '<a href="#" class="button tsprodukt_remove_image_button">Bild entfernen</a>';
					imageHtml += '</div>';
				$('#tsprodukt_images_wrapper').append(imageHtml);
			});
		});

		mediaUploader.open();
	});

	$(document).on('click', '.tsprodukt_remove_image_button', function(e) {
		e.preventDefault();
		$(this).closest('.tsprodukt_image').remove();
	});
});