jQuery(document).ready(function($) { 
	
	$('#sortable').sortable();
	
	$('.remove-set').on('click', function() {
		
		var r = confirm('Delete this row?');
		if (r == true){
			return true;
		} else {
			return false;
		}
		
	});
	
	//
	
	var id = $('.set:last').data('set');
	
	$('.wrap').on('click', '.clone-input a', function(e) {
		
		e.preventDefault();
		
		id++;
		
		var setting = 'usp_helper_settings';
		
		var name_field  = 'custom_field_names';
		var name_before = 'custom_field_before';
		var name_after  = 'custom_field_after';
		
		var place_field  = 'Custom Field Name';
		var place_before = 'Before Custom Field';
		var place_after  = 'After Custom Field';
		
		var link_title = 'Remove Custom Field';
		var link_text  = 'Remove';
		
		var sort_title = 'Drag/drop row order';
		var sort_text  = 'Drag/drop row order';
		
		var atts = 'class="code" rows="3" cols="30"';
		
		var html = '<p class="set ui-state-default" data-set="' + id + '">' + 
					'<label>' + 
					'<textarea ' + atts + ' placeholder="' + place_before + '" name="' + setting + '[' + name_before + '][' + id + ']"></textarea>' + 
					'</label>' + 
					'<label>' + 
					'<textarea ' + atts + ' placeholder="' + place_field + '" name="' + setting + '[' + name_field + '][' + id + ']"></textarea>' + 
					'</label>' + 
					'<label>' + 
					'<textarea ' + atts + ' placeholder="' + place_after + '" name="' + setting + '[' + name_after + '][' + id + ']"></textarea>' + 
					'</label>' + 
					'<span class="set-tools">' +
					'<span class="set-tool sort-handle" title="' + sort_title + '">' + sort_text + '</span>' +
					'<span class="set-tool remove-set"><a href="#remove-' + id + '" data-set="' + id + '" title="' + link_title + '">' + link_text + '</a></span>' +
					'</span>' +
					'</p>';
					
		$('.custom-fields').append(html);
		
		usp_helper_button_props();
		
	});
	
	usp_helper_button_props();
	
	$('.wrap').on('click', '.remove-set a', function(e) {
		
		e.preventDefault();
		
		var set = $(this).data('set');
		
		$('.set[data-set="' + set + '"]').remove();
		
	});
	
	function usp_helper_button_props() {
		$('.remove-set a').html('&times;').css('display', 'inline-block');
		$('.sort-handle').html('&uarr;&darr;').css('display', 'inline-block');
	}
	
});