var imageCount = 88;
var imagesPerPage = 8;
var pageCount = Math.ceil(imageCount / imagesPerPage);
var pageName = "Set $n";

var artworkFile = "images/artwork_$n.jpg";
var thumbFile = "images/thumb_$n.jpg";
var thumbWidth = 72;
var thumbHeight = 72;

function outputNavigation(allThumbs)
{
	for (var i = 1; i <= pageCount; i++)
	{
		var startNum = ((i-1) * imagesPerPage) + 1;
		var html = "<tr><td>";
		if (allThumbs)
		{
			html += "<a href=\"javascript:navigateToPrint(" + i + "," + startNum + ");\">";
		}
		else
		{
			html += "<a href=\"javascript:displayPrintSet(" + i + "," + startNum + ");\">";
		}
		html += pageName.replace("$n", i) + "</a></td></tr>";
		document.writeln(html);
	}
}

// used by "portfolio_all.html"
function outputThumbnails()
{
	for (var i = 1; i <= pageCount; i++)
	{
		var html = "<tr>";
		for (var j = 1; j <= imagesPerPage; j++)
		{
			var imageNum = ((i-1) * imagesPerPage) + j;
			if (imageNum > imageCount)
				break;

			html += "<td><a href=\"javascript:navigateToPrint(" + i + "," + imageNum + ");\">";
			html += "<img src=\"" + thumbFile.replace("$n", padZeros(imageNum, 2));
			html += "\" width=\"" + thumbWidth + "\" height=\"" + thumbHeight;
			html += "\" border=\"0\"/></a></td>";
		}
		html += "</tr>";
		document.writeln(html);
	}
}

function navigateToPrint(setNum, printNum)
{
	setCookie("setNum", setNum);
	setCookie("printNum", printNum);

	document.location = "prints.html";
}

function displayPrintSet(setNum, printNum)
{
	if (setNum < 1)
	{
		setNum = getCookie("setNum");
		setCookie("setNum", 0);
		if (setNum == "" || setNum == 0)
			setNum = 1;
	}
	var startNum = ((setNum-1) * imagesPerPage) + 1;
	var endNum = startNum + imagesPerPage - 1;
	var html = "";

	for (var i = startNum; i <= endNum; i++)
	{
		if (i > imageCount)
			break;

		html += "<a href=\"javascript:displayPrint(" + i + ");\">";
		html += "<img src=\"" + thumbFile.replace("$n", padZeros(i, 2));
		html += "\" width=\"" + thumbWidth + "\" height=\"" + thumbHeight;
		html += "\" border=\"0\"/></a>";
	}
	document.getElementById("thumbnailImages").innerHTML = html;

	if (printNum < 1)
	{
		printNum = getCookie("printNum");
		setCookie("printNum", 0);
		if (printNum == "" || printNum == 0)
			printNum = startNum;
	}
	displayPrint(printNum);
}

function displayPrint(printNum)
{
	var html = "<img src=\"" + artworkFile.replace("$n", padZeros(printNum, 2)) + "\" />";	
	document.getElementById("artworkImage").innerHTML = html;
}

function setCookie(name, value)
{
	document.cookie = name + "=" + value;
}

function getCookie(name)
{
	var cookie = document.cookie;
	var token = name + "=";
	var value = "";

	if (cookie.length == 0)
		return value;

	var offset = cookie.indexOf(token);
	if (offset != -1)
	{
		offset += token.length;
		var endIndex = cookie.indexOf(";", offset);
		if (endIndex == -1)
			endIndex = cookie.length;
		value = unescape(cookie.substring(offset, endIndex));
	}
	return value;
}

function padZeros(n, digits)
{
	if (n.constructor == Number)
		n = n.toString();
	while (n.length < digits)
		n = "0" + n;
	return n;
}