
var numSplit1;
var numSplit2;

function makeThumbnails(numImages)
{

document.write("\r<div id=\"thumbnailContainer1\">\r");
if (numImages > 7) //max number of thumbnails on first row
	{
		numSplit1 = 7; //max number of thumbnails on first row
		numSplit2 = numImages - numSplit1; //rest of the thumbnails
		for (i = 0; i<numSplit1;i++)
		{//write 1st thumbnailcontainer
		document.write("<a href =\"javascript:thumbs(" + i + ",true);\" id =\"thumb" + i + "\" class=\"thumbnailBox\" onMouseover =\"changeColorOn(" + i + ")\" onMouseout =\"changeColorOut(" + i + ")\"></a>\r");
		}
		document.write("</div>\r<div id=\"thumbnailContainer2\">\r");
		for (j = 7; j<numImages;j++)
		{//write 2nd thumbnail container
		document.write("<a href =\"javascript:thumbs(" + j + ",true);\" id =\"thumb" + j + "\" class=\"thumbnailBox\" onMouseover =\"changeColorOn(" + j + ")\" onMouseout =\"changeColorOut(" + j + ")\"></a>\r");
		}
	} else {
		for (i = 0; i<numImages;i++)
		{//write all images to 1st container
		document.write("<a href =\"javascript:thumbs(" + i + ",true);\" id =\"thumb" + i + "\" class=\"thumbnailBox\" onMouseover =\"changeColorOn(" + i + ")\" onMouseout =\"changeColorOut(" + i + ")\"></a>\r");
		}
	}
document.write("\r</div>");
}