jQuery(document).ready(function($) {

// Placeholder support for IE
if (!jQuery('<input placeholder="1" />')[0].placeholder) {
	jQuery('.p2p-search input[placeholder]').each(function(){
		var $this = $(this);
		if (!$this.val()) {
			$this.val($this.attr('placeholder'));
			$this.addClass('p2p-placeholder');
		}
	}).focus(function(e){
		var $this = $(this);
		if ($this.hasClass('p2p-placeholder')) {
			$this.val('');
			$this.removeClass('p2p-placeholder');
		}
	}).blur(function(e){
		var $this = $(this);
		if (!$this.val()) {
			$this.addClass('p2p-placeholder');
			$this.val($this.attr('placeholder'));
		}
	});
}

$('.p2p-add-new').each(function() {
	var $metabox = $(this).closest('.inside'),
		$connections = $metabox.find('.p2p-connections'),
		$results = $metabox.find('.p2p-results'),
		$searchInput = $metabox.find('.p2p-search :text'),
		$pagination = $metabox.find('.p2p-nav'),
		$addNew = $metabox.find('.p2p-add-new'),
		base_data = {
			box_id: $addNew.attr('data-box_id'),
			direction: $addNew.attr('data-direction')
		};

	// Save the wp-spinner
	var $spinner = $('#publishing-action .ajax-loading')
		.clone()
		.removeAttr('id')
		.removeClass('ajax-loading')
		.addClass('waiting');

	// Delete all connections
	$metabox.delegate('th.p2p-col-delete a', 'click', function() {
		if ( !confirm(P2PAdmin_I18n.deleteConfirmMessage) )
			return false;

		var $self = $(this),
			$td = $self.closest('td'),
			data = $.extend( base_data, {
				action: 'p2p_connections',
				subaction: 'clear_connections',
				post_id: $('#post_ID').val()
			} );

		$td.html( $spinner.show() );

		$.post(ajaxurl, data, function(response) {
			$connections.hide()
				.find('tbody').html('');

			$td.html( $self );
		});

		return false;
	});

	// Delete connection
	$metabox.delegate('td.p2p-col-delete a', 'click', function() {
		var $self = $(this),
			$td = $self.closest('td'),
			data = $.extend( base_data, {
				action: 'p2p_connections',
				subaction: 'disconnect',
				p2p_id: $self.attr('data-p2p_id')
			} );

		$td.html( $spinner.show() );

		$.post(ajaxurl, data, function(response) {
			$td.closest('tr').remove();

			if ( !$connections.find('tbody tr').length )
				$connections.hide();
		});

		return false;
	});

	// Create connection
	$metabox.delegate('td.p2p-col-add a', 'click', function() {
		var $self = $(this),
			$td = $self.closest('td'),
			data = $.extend( base_data, {
				action: 'p2p_connections',
				subaction: 'connect',
				from: $('#post_ID').val(),
				to: $self.attr('data-post_id')
			} );

		$td.html( $spinner.show() );

		$.post(ajaxurl, data, function(response) {
			$connections.show()
				.find('tbody').append(response);

			if ( $addNew.attr('data-prevent_duplicates') ) {
				$td.closest('tr').remove();

				if ( !$results.find('tbody tr').length )
					$results.hide();
			} else {
				$td.html( $self );
			}
		});

		return false;
	});

	// Pagination
	var	current_page = 1,
		total_pages = 0;

	function find_posts(new_page, action, callback) {
		new_page = new_page ? ( new_page > total_pages ? current_page : new_page ) : current_page;

		var data = $.extend( base_data, {
				action: 'p2p_search',
				s: $searchInput.val(),
				paged: new_page,
				post_id: $('#post_ID').val()
			} );

		// show spinner
		if ( 'search' === action ) {
			$spinner.insertAfter( $searchInput );
		} else {
			$spinner.insertAfter( $metabox.find('.p2p-recent') );
		}
		$spinner.show();

		$.getJSON(ajaxurl, data, function(response) {
			$spinner.remove();

			current_page = new_page;

			$metabox.find('.p2p-search').find('.p2p-notice').remove();

			$pagination.hide();

			if ( 'undefined' === typeof response.rows ) {
				$metabox.find('.p2p-search').append('<p class="p2p-notice">' + response.msg + '</p>');
				$results.hide()
					.find('tbody').html('');
			} else {
				$results.show()
					.find('tbody').html(response.rows);

				total_pages = response.pages;

				// update pagination
				if ( total_pages > 1 ) {
					$pagination.show();
				}

				if ( 1 === current_page ) {
					$metabox.find('.p2p-prev').addClass('inactive');
				} else {
					$metabox.find('.p2p-prev').removeClass('inactive');
				}

				if ( total_pages === current_page ) {
					$metabox.find('.p2p-next').addClass('inactive');
				} else {
					$metabox.find('.p2p-next').removeClass('inactive');
				}

				$metabox.find('.p2p-current').html(current_page);
				$metabox.find('.p2p-total').html(total_pages);

				if ( undefined !== callback )
					callback();
			}
		});
	}

	// Delegate recent
	$metabox.delegate('.p2p-recent', 'click', function() {
		var $button = $(this);

		if ( $button.hasClass('inactive') )
			return false;

		$metabox.find('.p2p-search :text')
			.val('')
			.blur();	// so that placeholder is shown again in IE

		$button.addClass('inactive');
		find_posts(1, 'recent', function() {
			$button.removeClass('inactive');
		});

		return false;
	});

	// Search posts
	var delayed, old_value = '';

	$metabox.find('.p2p-search :text')
		.keypress(function (ev) {
			if ( 13 === ev.keyCode )
				return false;
		})

		.keyup(function (ev) {
			if ( undefined !== delayed ) {
				clearTimeout(delayed);
			}

			var $self = $(this);

			delayed = setTimeout(function() {

				if ( $self.val() === old_value ) {
					return;
				}
				old_value = $self.val();

				find_posts(1, 'search');
			}, 400);
		});

	// Pagination
	$metabox.delegate('.p2p-prev, .p2p-next', 'click', function() {
		var $self = $(this),
			new_page = current_page;

		if ( $self.hasClass('inactive') )
			return false;

		if ( $self.hasClass('p2p-prev') )
			new_page--;
		else
			new_page++;

		find_posts(new_page, 'paginate');

		return false;
	});
});
});