function TableNavigation(tableWidth, tableAlign, displayText, baseLink, siteParameterName, currentSite,
						hasPreviousSite, hasNextSite, previousSiteText, nextSiteText)
{
	this.tableWidth = tableWidth;
	this.tableAlign = tableAlign;
	this.displayText = displayText;
	this.baseLink = baseLink;
	this.siteParameterName = siteParameterName;
	this.currentSite = currentSite;
	this.hasPreviousSite = hasPreviousSite;
	this.hasNextSite = hasNextSite;
	this.previousSiteText = previousSiteText;
	this.nextSiteText = nextSiteText;

	this.previousSiteLink = this.baseLink + "&" + this.siteParameterName + "=" + (this.currentSite - 1);
	this.nextSiteLink = this.baseLink + "&" + this.siteParameterName + "=" + (this.currentSite + 1);

	this.availablePages = new Array();
}

TableNavigation.prototype.display = display;
TableNavigation.prototype.addAvailablePage = addAvailablePage;


function addAvailablePage(siteNumber, isPlaceHolder)
{
	var availablePage = new Array();

	availablePage["SiteNumber"] = siteNumber;
	availablePage["IsPlaceHolder"] = isPlaceHolder;
	
	this.availablePages.push(availablePage);
}


function display()
{
	document.write("<table border='0' cellpadding='0' cellspacing='0' width='100%'>");
	document.write("	<tr>");
	document.write("		<td><img src='" + getPath("XoomK","Design") + "/images/pix.gif' width='1' height='4' border='0'></td>");
	document.write("	</tr>");
	document.write("	<tr>");
	document.write("		<td width='100%'>");

	document.write("<table border='0' cellpadding='0' cellspacing='0' width='" + this.tableWidth + "' align='" + this.tableAlign + "'>");
	document.write("	<tr valign='middle'>");
	document.write("		<td width='50%'>");
	document.write("			<table border='0' cellpadding='0' cellspacing='0'>");
	document.write("				<tr>");

	if (this.hasPreviousSite)
	{
		document.write("						<td><img src='" + getPath("XoomK","Design") + "/images/link_grey_reverse.gif' border='0' width='5' height='9'></td>");
		document.write("						<td>&nbsp;</td>");
		document.write("						<td><a href='" + this.previousSiteLink + "'>" + this.previousSiteText + "</a></td>");
		document.write("						<td>&nbsp;</td>");
	}
	else
	{
		document.write("						<td>&nbsp;</td>");
	}

	document.write("				</tr>");
	document.write("			</table>");
	document.write("		</td>");
	document.write("		<td align='center' nowrap>");
	document.write("			" + this.displayText + "<br>");

	for (var i = 0; i < this.availablePages.length; i++)
	{
		availablePage = this.availablePages[i];

		if (availablePage["IsPlaceHolder"])
		{
			document.write("...");
		}
		else
		{
			availablePageLink = this.baseLink + "&" + this.siteParameterName + "=" + availablePage["SiteNumber"];

			document.write("&nbsp;<a href='" + availablePageLink + "'>");

			if (availablePage["SiteNumber"] == this.currentSite)
			{
				document.write("<b>");
			}
			
			document.write(availablePage["SiteNumber"] + 1);

			if (availablePage["SiteNumber"] == this.currentSite)
			{
				document.write("</b>");
			}

			document.write("</a>&nbsp;");
		}
	}

	document.write("		</td>");
	document.write("		<td width='50%' align='right'>");
	document.write("			<table border='0' cellpadding='0' cellspacing='0'>");
	document.write("				<tr>");

	if (this.hasNextSite)
	{
		document.write("						<td>&nbsp;</td>");
		document.write("						<td align='right'><a href='" + this.nextSiteLink + "'>" + this.nextSiteText + "</a></td>");
		document.write("						<td>&nbsp;</td>");
		document.write("						<td><img src='" + getPath("XoomK","Design") + "/images/link_grey.gif' border='0' width='5' height='9'></td>");
	}
	else
	{
		document.write("						<td>&nbsp;</td>");
	}

	document.write("				</tr>");
	document.write("			</table>");
	document.write("		</td>");
	document.write("	</tr>");
	document.write("</table>");

	document.write("		</td>");
	document.write("	</tr>");
	document.write("</table>");
}