jQuery(document).ready(function($){
	// Uploading files
	var file_frame;
	$('.remove_image_button').live('click', function( event ){
		event.preventDefault();
		var upload_id = $( this ).data( 'upload_id' );
		var upload_url = $( this ).data( 'upload_url' );
		//alert(upload_id + upload_url);
		$( '#' + upload_id ).attr('value',"");
		$( '#' + upload_url ).html("");
	});

	$('.upload_image_button').live('click', function( event ){
		event.preventDefault();
		var upload_id = $( this ).data( 'upload_id' );
		var upload_url = $( this ).data( 'upload_url' );
		// If the media frame already exists, reopen it.
		if ( file_frame ) {
			file_frame.open();
			return;
		}
		// Create the media frame.
		file_frame = wp.media.frames.file_frame = wp.media({
			title: $( this ).data( 'uploader_title' ),
			button: {
				text: $( this ).data( 'uploader_button_text' ),
			},
			multiple: false	// Set to true to allow multiple files to be selected
		});

		// When an image is selected, run a callback.
		file_frame.on( 'select', function() {
			// We set multiple to false so only get one image from the uploader
			attachment = file_frame.state().get('selection').first().toJSON();

			// Do something with attachment.id and/or attachment.url here
			$( '#' + upload_id ).val( attachment.id );
			$( '#' + upload_url ).html( attachment.url );
		});
		// Finally, open the modal
		file_frame.open();
	});
});