jQuery(document).ready(function($){
    var mediaUploader;
    $('#ansico-upload-button').click(function(e) {
        e.preventDefault();
        if (mediaUploader) { mediaUploader.open(); return; }
        mediaUploader = wp.media({ title: 'Choose Avatar', button: { text: 'Set as Profile Picture' }, multiple: false });
        mediaUploader.on('select', function() {
            var attachment = mediaUploader.state().get('selection').first().toJSON();
            $('#ansico-avatar-url').val(attachment.url);
            $('#ansico-avatar-preview').attr('src', attachment.url).show();
        });
        mediaUploader.open();
    });
    $('#ansico-remove-button').click(function(e){
        e.preventDefault();
        $('#ansico-avatar-url').val('');
        $('#ansico-avatar-preview').hide().attr('src', '');
    });
});