function prtfl_setMessage( msg ) {

	( function( $ ){

		$( ".error" ).hide();

		$( ".prtfl_image_update_message" ).html( msg ).show();

	} )( jQuery );

}

function prtfl_setError( msg ) {

	( function( $ ){

		$( ".prtfl_image_update_message" ).hide();

		$( ".error" ).html( msg ).show();;

	} )( jQuery );

}

( function( $ ) {

	$( document ).ready( function() {

		$( '#prtfl_ajax_update_images' ).click( function() {

			prtfl_setMessage( "<p>" + prtfl_vars.update_img_message + "</p>" );

			var curr = 0;

			$.ajax( {

				/* update_img_url */

				url: '../wp-admin/admin-ajax.php?action=prtfl_update_image',

				type: "POST",

				data: "action1=get_all_attachment&prtfl_ajax_nonce_field=" + prtfl_vars.prtfl_nonce,

				success: function( result ) {

					var list = $.parseJSON( result );

					if ( ! list ) {

						prtfl_setError( "<p>" + prtfl_vars.not_found_img_info + "</p>" );

					$( '.prtfl_loader' ).css( 'display', 'inline-block' );

					var curr = 0,

						all_count = Object.keys( list ).length;

					$.each( list, function( index, value ) {

						$.ajax( {

							url: '../wp-admin/admin-ajax.php?action=prtfl_update_image',

							type: "POST",

							data: "action1=update_image&id=" + value + '&prtfl_ajax_nonce_field=' + prtfl_vars.prtfl_nonce,

							success: function( result ) {

								curr = curr + 1;

								if ( curr >= all_count ) {

									$.ajax( {

										url: '../wp-admin/admin-ajax.php?action=prtfl_update_image',

										type: "POST",

										data: "action1=update_options&prtfl_ajax_nonce_field=" + prtfl_vars.prtfl_nonce,

									} );

									prtfl_setMessage( "<p>" + prtfl_vars.img_success + "</p>" );

									$( '.prtfl_loader' ).hide();

								}

							}

						} );

					} );

				},

				error: function( request, status, error ) {

					prtfl_setError( "<p>" + prtfl_vars.img_error + request.status + "</p>" );

			} );

		} );

		var is_rtl = ( $( 'body' ).hasClass( 'rtl' ) );

		$( '#_prtfl_date_compl' ).datepicker( {

			dateFormat : 'dd.mm.yy',

			isRTL : is_rtl

		} );

		$( '[name^="prtfl_custom_image_size_"]' ).change( function() {

			$( '#prtfl_ajax_update_images' ).attr( 'disabled', 'disabled' );

		} );

		/* Portfolio images */

		var images_frame;

		$( '.prtfl_add_portfolio_images' ).on( 'click', 'a', function( event ) {

			event.preventDefault();

			var $element = $( this );

			/* If the media frame already exists, reopen it */

			if ( images_frame ) {

				images_frame.open();

				return;

			/* Create the media frame */

			images_frame = wp.media.frames.product_gallery = wp.media({

				title: $element.data( 'choose' ),

				button: {

					text: $element.data( 'update' )

				},

				states: [

					new wp.media.controller.Library( {

						title: $element.data( 'choose' ),

						filterable: 'all',

						multiple: true

					} )

				]

			} );

			/* run a callback when an image is selected */

			images_frame.on( 'select', function() {

				var selection = images_frame.state().get( 'selection' );

				var attachment_ids = $( '#prtfl_images' ).val();

				selection.map( function( attachment ) {

					attachment = attachment.toJSON();

					if ( attachment.id ) {

						attachment_ids   = attachment_ids ? attachment_ids + ',' + attachment.id : attachment.id;

						var attachment_image = attachment.sizes && attachment.sizes.thumbnail ? attachment.sizes.thumbnail.url : attachment.url;

						$( '#prtfl_images_container ul' ).append( '<li class="prtfl_single_image" data-attachment_id="' + attachment.id + '"><img src="' + attachment_image + '" /><span class="prtfl_delete_image"><a href="#" title="' + $element.data( 'delete' ) + '">' + $element.data( 'text' ) + '</a></span></li>' );

					}

				} );

				$( '#prtfl_images' ).val( attachment_ids );

			} );

			/* Open the modal */

			images_frame.open();

		} );

		/* Add image ordering */

		if ( $( '#prtfl_images_container ul' ).length > 0 ) {

			$( '#prtfl_images_container ul' ).sortable({

				items: 'li.prtfl_single_image',

				cursor: 'move',

				scrollSensitivity: 40,

				forcePlaceholderSize: true,

				forceHelperSize: false,

				helper: 'clone',

				opacity: 0.65,

				placeholder: 'prtfl-sortable-placeholder',

				start: function( event, ui ) {

					ui.item.css( 'background-color', '#f6f6f6' );

				},

				stop: function( event, ui ) {

					ui.item.removeAttr( 'style' );

				},

				update: function() {

					var attachment_ids = '';

					$( '#prtfl_images_container' ).find( 'ul li.prtfl_single_image' ).css( 'cursor', 'default' ).each( function() {

						var attachment_id = $( this ).attr( 'data-attachment_id' );

						attachment_ids = attachment_ids + attachment_id + ',';

					} );

					$( '#prtfl_images' ).val( attachment_ids );

				}

			} );

		}

		/* Remove image */

		$( '#prtfl_images_container' ).on( 'click', '.prtfl_delete_image a', function() {

			$( this ).closest( 'li.prtfl_single_image' ).remove();

			var attachment_ids = '';

			$( '#prtfl_images_container' ).find( 'ul li.prtfl_single_image' ).css( 'cursor', 'default' ).each( function() {

				var attachment_id = $( this ).attr( 'data-attachment_id' );

				attachment_ids = attachment_ids + attachment_id + ',';

			} );

			$( '#prtfl_images' ).val( attachment_ids );

			return false;

		} );

	} );

} )( jQuery );