$(function()
{
	isBusy = false;
	currentPage = 0;
	totalPages = $('.textbox').length;

	if (totalPages > 1)
	{
		$('#middle .textbox:not(:first)').hide();
		$('#middle').append('<div id="js-pagination"></div>');
		makeNavigation(false, true);
	}
});

function makeNavigation(previousEnabled, nextEnabled)
{
	navigation = '<div class="previous">';
	if (previousEnabled) navigation += '<a class="previous" href="">Previous</a></div>';
	else navigation += '<span class="previous">Previous</span>';
	navigation += '</div>';

	navigation += '<div class="next">';
	for (i = 0; i < totalPages; i++)
	{
		link = !(i == currentPage);
		if (link) navigation += '<a class="page" href="">' + (i + 1) + '</a>';
		else navigation += '<span class="page">' + (i + 1) + '</span>';
	}
	if (nextEnabled) navigation += '<a class="next" href="">Next</a>';
	else navigation += '<span class="next">Next</span>';
	navigation += '</div>';

	$('#js-pagination').html(navigation);
	$('#js-pagination .previous a').click(previousClick);
	$('#js-pagination .next a.page').click(pageClick);
	$('#js-pagination .next a.next').click(nextClick);
}

function previousClick()
{
	if (isBusy) return false;
	isBusy = true;

	$('#middle .textbox').eq(currentPage).fadeOut(function()
	{
		$('#middle .textbox').eq(currentPage - 1).fadeIn();
		currentPage--;
		if (currentPage == 0) makeNavigation(false, true);
		else makeNavigation(true, true);
		isBusy = false;
	});

	return false;
}

function pageClick()
{
	if (isBusy) return false;
	isBusy = true;
	
	pageClicked = $('#js-pagination .next .page').index(this);
	
	$('#middle .textbox').eq(currentPage).fadeOut(function()
	{
		$('#middle .textbox').eq(pageClicked).fadeIn();
		currentPage = pageClicked;
		if (currentPage == 0) makeNavigation(false, true);
		else if (currentPage == totalPages - 1) makeNavigation(true, false);
		else makeNavigation(true, true);
		isBusy = false;
	});
	
	return false;
}

function nextClick()
{
	if (isBusy) return false;
	isBusy = true;

	$('#middle .textbox').eq(currentPage).fadeOut(function()
	{
		$('#middle .textbox').eq(currentPage + 1).fadeIn();
		currentPage++;
		if (currentPage == totalPages - 1) makeNavigation(true, false);
		else makeNavigation(true, true);
		isBusy = false;
	});

	return false;
}
