/**
* Add a trim() method to all string objects
*/
if ( typeof(String.prototype.trim) === "undefined" ) {
    String.prototype.trim = function() {
        return String(this).replace(/^\s+|\s+$/g, '');
    };
}

/**
* Take the user input and the selected role and add that user to the list 
* of users assigned to a post with that role.
* Take care to show the div that surrounds the role list of the div was initially hidden.
*/
function ad_add_to_participants(user_id, user_nicename, role_id, role_name){
	var error_message = false;
	
	// @todo This check doesn't work all that well
	// @todo Internationalize this message.
	user_id = parseInt(user_id);
	if ( !user_id ) {
	    error_message = '<div id="ad-participant-error-message" class="message alert">'
						+ 'No user selected'
						+ '</div>';
	}
	
	var user_role_status = 'pending';
	jQuery("#ad-participant-error-message").remove();
	
	// @todo check to see whether use was already assigned in this role
	// @todo Internationalize this message.
	jQuery('input[name="ad-participant-role-' + role_id + '[]"]').each(function() {
		spl = jQuery(this).val().split('|');
		if ( spl[0] == user_id && spl[1] != 'volunteered' ) {
			error_message = '<div id="ad-participant-error-message" class="message alert">'
							+ user_nicename + ' has already been added as ' + role_name
							+ '</div>';
		}
	})
	
	// Add it to the existing role wrap if that already exists
	// Else, create a new one
	if (jQuery("#ad-participant-role-" + role_id + "-wrap").length > 0 && !error_message) {
		// create a new list item that hold a hidden form element.
		var field_html = '<p id="ad-participants-' + role_id + '-' + user_id + '"><input type="hidden" id="ad-participant-'
						+ user_id +'" name="ad-participant-assign[]" value="'+ role_id + '|' + user_id + '"/>'
						+ user_nicename + ' (pending)</p>';
		// Append it to the list
		jQuery("#ad-participant-role-" + role_id + "-wrap").append(field_html);
	} else if (!error_message) {
		jQuery('#ad-no-participants').remove();
		var field_html = '<div id="ad-participant-role-' + role_id + '-wrap" class="ad-role-wrap">'
						+ '<h5>' + role_name + '</h5>'
						+ '<p id="ad-participants-' + role_id + '-' + user_id + '">';
		field_html += '<input type="hidden"' + user_id 
		                + '" name="ad-participant-assign[]"'
						+ 'value="'+ role_id + '|' + user_id + '"/>'
						+ user_nicename + ' (pending)';
		field_html += '</p></div>';				
		jQuery("#ad-participants-wrap").append(field_html);			
	} else {
		jQuery("#ad-assign-form").prepend(error_message);
	}
	return false;

}

jQuery(document).ready(function() {
	
	var ad_current_assignment_status = '';
	var ad_current_participant_types = [];
	var ad_current_pitched_by_participant = '';

	/**
	 * Initialize Co-Author Plus auto-suggest if it exists
	 */
	if (coauthor_ajax_suggest_link) {
		jQuery('#ad-assignee-search').suggest(coauthor_ajax_suggest_link, {
	    	onSelect: function() {
	        	var vals = this.value.split('|');
	        	var author = {};
	        	author.id = jQuery.trim(vals[0]);
	        	author.login = jQuery.trim(vals[1]);
	        	author.name = jQuery.trim(vals[2]);
	        	jQuery('#ad-assignee-search').val(author.name);
				jQuery('#ad-assignee-search-user_id').val(author.id);
	    	}
		}).keydown(function(e) {
	    	if (e.keyCode == 13) {
	        	return false;
	    	}
		});
	}
    
	/**
     * Toggle post_meta_box subheads
	 */
	jQuery('h4.toggle').click(function() {
		jQuery(this).parent().find('div.inner').slideToggle();
	});
	
	/**
	 * Fires when the user hits the assign button.
	 * Get the user search box, check if its a valid user, and add to the selected role.
 	 */
	jQuery("a#ad-assign-button").click(function(){
		var valid_user = true;
		var user_id = '';
		var user_nicename = '';
		
		if (jQuery('#ad-assignee-search-user_id').val() > 0) {
			var search = jQuery('#ad-assignee-search-user_id').val();
			var data = { action: 'user_check', q: search };

			// Call another JAX function verify the username
			jQuery.ajax({
				url: ajaxurl, 
				data: data,
				async: false, 
				success: function(response){
					// valid username returns user->ID > 0
					if(parseInt(response) > 0){
						user_id = search;
						user_nicename = jQuery('#ad-assignee-search').val();
						jQuery('#ad-assignee-search').val('');
					}
					else {
						// flag the invalid_user and display an error message
						valid_user = false;
						jQuery('#ad-assignee-search-user_id').val(0);
						jQuery('#ad-participant-error-message').remove();
						error_message = '<div id="ad-participant-error-message" class="message alert">'+ 
											search + ' is not a valid user </div>';
						jQuery("#ad-assign-form").prepend(error_message);
					}
				}
			});
		} else {
			var user_id = jQuery('#ad-assignee-dropdown option:selected').val();
			var user_nicename = jQuery('#ad-assignee-dropdown option:selected').text();
		}
		if(valid_user){
			var role_id = jQuery('#ad-participant-role-dropdown option:selected').val();
			var role_name = jQuery('#ad-participant-role-dropdown option:selected').text();
			ad_add_to_participants(user_id, user_nicename, role_id, role_name);
		}
		return false;
	});
	
	/**
	* Assign a volunteer to the story.
	*/
	jQuery("button.ad-assign-participant-button").each(function(index, button){
		var spl = jQuery(button).val().split('|');
		var role_id = spl[0];
		var role_name = spl[1];
		var user_id = spl[2];
		var user_nicename = spl[3];
	
		jQuery(button).click(function(){
			ad_add_to_participants(user_id, user_nicename, role_id, role_name);
			jQuery(button).parents('p').remove();
			return false;
		});
	});
	
	/**
	 * This function is attached to the click event of the "Remove" buttons.
	 * This removes the participant record from the next submission.
	 */
	jQuery('button.ad-remove-participant-button').click(function(){
			// Hide the entire wrapper if its the last one
			var remove_input = '<input type="hidden" name="ad-participant-remove[]" value="' + jQuery(this).val() + '">';
			if ( jQuery(this).parents('div.ad-role-wrap').find('p').length == 1 ) {
				jQuery(this).parents('div.ad-role-wrap').html(remove_input);
			} else {
				jQuery(this).parents('div.ad-role-wrap').append(remove_input)
				jQuery(this).parents('p').remove();
			}
			return false;
	});
	
	/* ============================ Assignment Status ============================ */
	
	/**
	 * Manipulate the DOM when the user wants to "Edit" assignment status
	 * In short, save the current status and show the selection tool
	 */
	jQuery('#ad-edit-assignment-status').click(function(){
		jQuery(this).hide();
		ad_current_assignment_status = jQuery('select#ad-assignment-status').val();
		jQuery('#ad-assignment-status-select').slideToggle();
		return false;		
	});
	
	/**
	 * Manipulate the DOM when the user wants to "Save" their assignment status selection
	 * In short, ...
	 */
	jQuery('#ad-save-assignment-status').click(function(){
		jQuery('#ad-edit-assignment-status').show();
		var text = jQuery('select#ad-assignment-status option:selected').text();
		jQuery('#ad-assignment-status-display').html(text);
		jQuery('#ad-assignment-status-select').slideToggle();
		return false;		
	});
	
	/**
	 * Manipulate the DOM when the user wants to "Cancel" their assignment status selection
	 * In short, ...
	 */
	jQuery('#ad-cancel-assignment-status').click(function(){
		jQuery('#ad-edit-assignment-status').show();
		jQuery('select#ad-assignment-status').val(ad_current_assignment_status);
		jQuery('#ad-assignment-status-select').slideToggle();
		return false;		
	});
	
	/* ============================ Participant Types ============================ */
	
	/**
	 * Manipulate the DOM when the user wants to "Edit" participant types
	 * In short, save current checkbox states and then show list of types
	 */
	jQuery('#ad-edit-participant-types').click(function(){
		jQuery(this).hide();
		jQuery("input[name='ad-participant-types[]']").each(function(){
			if (jQuery(this).is(':checked')) {
				ad_current_participant_types[jQuery(this).val()] = 'on';
			} else {
				ad_current_participant_types[jQuery(this).val()] = 'off';
			}
		});
		jQuery('#ad-participant-types-select').slideToggle();
		return false;		
	});
	
	/**
	 * Manipulate the DOM when the user hits "Save" on participant types
	 * In short, build new field label and then hide list of types
	 */
	jQuery('#save-ad-participant-types').click(function(){
		jQuery('#ad-participant-types-select').slideToggle();
		var ad_all_participant_types = [];
		var ad_display_participant_types = '';
		jQuery("input[name='ad-participant-types[]']").each(function(){
			if ( jQuery(this).is(':checked') ) {
				ad_display_participant_types += jQuery(this).parent().find('label').html() + ', ';
				ad_all_participant_types[jQuery(this).val()] = 'on';
			} else {
				ad_all_participant_types[jQuery(this).val()] = 'off';
			}
		});
		// Hacky way to check if values are in array
		var joined = '|' + ad_all_participant_types.join('|') + '|';
		if (joined.indexOf('on') != -1 && joined.indexOf('off') == -1) {
			ad_display_participant_types = 'All';
		} else if (joined.indexOf('on') == -1 && joined.indexOf('off') != -1) {
			ad_display_participant_types = 'None';
		} else {
			ad_display_participant_types = ad_display_participant_types.slice(0, ad_display_participant_types.length - 2);
		}
		// Update the label for the field because we have new values
		jQuery('#ad-participant-types-display').html(ad_display_participant_types);
		jQuery('#ad-edit-participant-types').show();
		return false;		
	});
	
	/**
	 * Manipulate the DOM when the user hits "Cancel" on participant types
	 * In short, restore checkbox values and hide the list of options
	 */
	jQuery('#cancel-ad-participant-types').click(function(){
		jQuery('#ad-participant-types-select').slideToggle();
		// Restore checkbox values to what they were previously
		jQuery("input[name='ad-participant-types[]']").each(function(){
			if (ad_current_participant_types[jQuery(this).val()] == 'on') {
				jQuery(this).attr('checked', 'checked');
			} else {
				jQuery(this).removeAttr('checked');
			}
		});		
		jQuery('#ad-edit-participant-types').show();
		return false;
	});
	
	/* ============================ Pitched By ============================ */
	
	/**
	 * Manipulate the DOM when the user wants to "Edit" the pitched by field.
	 * In short, save the currently selected user and show the selection tool.
	 */
	jQuery('#ad-edit-pitched-by-participant').click(function(){
		jQuery(this).hide();
		ad_current_pitched_by_participant = jQuery('select#ad-pitched-by-participant').val();
		jQuery('#ad-pitched-by-participant-select').slideToggle();
		return false;		
	});
	
	/**
	 * Manipulate the DOM when the user wants to "Save" the pitched by field.
	 */
	jQuery('#ad-save-pitched-by-participant').click(function(){
		jQuery('#ad-edit-pitched-by-participant').show();
		var text = jQuery('select#ad-pitched-by-participant option:selected').text();
		var user_id = jQuery('select#ad-pitched-by-participant option:selected').val();
		var link = "None"
		if ( parseInt(user_id) ) {
			link = '<a href="' + wp_admin_url + 'user-edit.php?user_id=' + user_id + '">' + text + "</a>";
		}
		jQuery('#ad-pitched-by-participant-display').html(link);
		jQuery('#ad-pitched-by-participant-select').slideToggle();
		return false;		
	});
	
	/**
	 * Manipulate the DOM when the user hits "Cancel" on pitched by field.
	 * In short, restore field value and hide the pitched by form.
	 */
	jQuery('#ad-cancel-pitched-by-participant').click(function(){
		jQuery('#ad-pitched-by-participant-select').slideToggle();
		jQuery('select#ad-pitched-by-participant').val(ad_current_pitched_by_participant);
		jQuery('#ad-edit-pitched-by-participant').show();
		return false;
	});
		
});