/// <summary>
/// The TableNavigation class adds the javascript logic for navigating table data.
/// </summary>
$(document).ready(function() {
	var $container = $('div#TableNavigationContainer');
	// Hide all but first table.
	$container.find('table:not(:first)').hide();
	refreshTables();
	// Handle navigation.
	$container.find('li.previous').click(
		function() {
			var activeTable = $container.find('table:visible');
			if (activeTable.prev().attr("id"))
			{
				activeTable.prev().show();
				activeTable.hide();		
			}
			refreshTables();
		}
	);	
	$container.find('li.next').click(
		function() {
			var activeTable = $container.find('table:visible');
			if (activeTable.next().attr("id"))
			{
				activeTable.next().show();
				activeTable.hide();				
			}
			refreshTables();
		}
	);	
});
function refreshTables()
{
	var $container = $('div#TableNavigationContainer');
	if ($container.children("table").length <= 1)
	{
		$container.find('ul.xoxo.stepper.clearfix').hide();
	}
	else
	{
		var activeTable = $container.find('table:visible');
		var firstTable = $('div#TableNavigationContainer table:first');
		var lastTable = $('div#TableNavigationContainer table:last');	
		(activeTable.attr("id") == firstTable.attr("id")) ? $container.find('li.previous').hide() : $container.find('li.previous').show();
		(activeTable.attr("id") == lastTable.attr("id")) ? $container.find('li.next').hide() : $container.find('li.next').show();
	}
}