// sm

// set image array for the requested page

var pageMultiplier = (page * 1) - 1;
var startNum = imagesPerPage * pageMultiplier;
var imageArray = new Array();
for (i = 0; i < imagesPerPage; i++) {
imageArray[i] = (i * 1) + (startNum * 1);
}

function writeThumb(thisImage) {
var imgLink = (thisImage * 1) + 1;
document.write('<a href="'+ galleryURL +'?id='+ id +'&img=' + imgLink + '#lg" class="'+ thumbClass +'" style="width:'+ thumbSize +'px; height:'+ thumbSize +'px"><img src="'+ imagePath + thisGallery[thisImage][0] + sm +'.jpg" width="' + thumbSize + '" height="' + thumbSize + '" alt="" border="0" /></a>');
}

function thumbTable() {
var counter = 0;
document.write('<table cellspacing="0" cellpadding="0" border="0">');
for (i = 0; i < rows; i++) {
if (i > 0) {
document.write('<tr>');
document.write('<td colspan="'+ colspan +'">');
document.write(spacer);
document.write('</td>');
document.write('</tr>');
}
document.write('<tr>');
for (j = 0; j < columns; j++) {
if (j > 0) {
document.write('<td>');
document.write(spacer);
document.write('</td>');
}
document.write('<td>');
if (imageArray[counter] < imageTotal) {
writeThumb(imageArray[counter]);
} else {
document.write(spacer);
}
document.write('</td>');
counter++;
}
document.write('</tr>');
}
document.write('</table>');
}

function pageNav() {
var prevPage = (page * 1) - 1;
var nextPage = (page * 1) + 1;
document.write('<table cellspacing="0" cellpadding="0" border="0"><tr>');
if (prevPage >= 1) {
document.write('<td><table cellspacing="0" cellpadding="0" border="0"><tr><td>'+ prevArrow +'</td><td><a href="'+ galleryURL +'?id='+ id +'&pg='+ prevPage +'#sm">Previous</a></td></tr></table></td><td>'+ divider +'</td>');
}
document.write('<td><a href="'+ galleryURL +'">Back</a></td>');
if (nextPage <= pageTotal) {
document.write('<td>'+ divider +'</td><td><table cellspacing="0" cellpadding="0" border="0"><tr><td><a href="'+ galleryURL +'?id='+ id +'&pg='+ nextPage +'#sm">Next</a></td><td>'+ nextArrow +'</td></tr></table></td>');
}
document.write('</tr></table>');
}

function pageInfo() {
document.write('<span class="tenpixel">Page ' + pg + ' of ' + pageTotal + '</span>');
}

// lg

function lgImage() {
var backPage = Math.ceil(img/imagesPerPage);
document.write('<a href="'+ galleryURL +'?id='+ id +'&pg=' + backPage + '#sm"  class="'+ thumbClass +'"><img src="'+ imagePath + thisGallery[image][0] + lg +'.jpg" width="' + thisGallery[image][1] + '" height="' + thisGallery[image][2] + '" alt="" border="0" /></a>');
}

function imageNav() {
var prevImage = (img * 1) - 1;
var nextImage = (img * 1) + 1;
var backPage = Math.ceil(img/imagesPerPage);
document.write('<table cellspacing="0" cellpadding="0" border="0"><tr>');
if (prevImage >= 1) {
document.write('<td><table cellspacing="0" cellpadding="0" border="0"><tr><td>'+ prevArrow +'</td><td><a href="'+ galleryURL +'?id='+ id +'&img=' + prevImage + '#lg">Previous</a></td></tr></table></td><td>'+ divider +'</td>');
}
document.write('<td><a href="'+ galleryURL +'?id='+ id +'&pg=' + backPage + '#sm">Back</a></td>');
if (nextImage <= imageTotal) {
document.write('<td>'+ divider +'</td><td><table cellspacing="0" cellpadding="0" border="0"><tr><td><a href="'+ galleryURL +'?id='+ id +'&img=' + nextImage + '#lg">Next</a></td><td>'+ nextArrow +'</td></tr></table></td>');
}
document.write('</tr></table>');
}

function caption() {
document.write(thisGallery[image][3]);
}

function imageInfo() {
document.write('<span class="tenpixel">Image ' + img + ' of ' + imageTotal + '</span>');
}

// list

function list() {
document.write('<table cellspacing="0" cellpadding="0" border="0">');
for (i = 0; i < category.length; i++) { // for each category
if (category[i] != '') {
if (i > 0) { // spacer
document.write('<tr>');
document.write('<td colspan="'+ listColspan +'">');
document.write(spacer);
document.write('</td>');
document.write('</tr>');
} // end spacer
document.write('<tr>');
document.write('<td colspan="'+ listColspan +'" align="left">');
document.write('<strong>'+ category[i] +'</strong>');
document.write('</td>');
document.write('</tr>');
}
galleryArray = new Array();
for (j = 0; j < galleryTotal; j++) { // for each gallery
if (gallery[j][2] == i) { // gallery is within category
galleryArray.push(j);
} // end gallery is within category
} // end for each gallery
counter = 0;
for (j = 0; j < galleryArray.length; j++) { // for each gallery
k = galleryArray[j];
if (counter == 0) { // spacer
spacerCount = 0;
document.write('<tr>');
document.write('<td colspan="'+ listColspan +'">');
document.write(spacer);
document.write('</td>');
document.write('</tr>');
} // end spacer
if (counter > 0) { // spacer
document.write('<td>');
document.write(spacer);
document.write('</td>');
spacerCount++;
} // end spacer
thisGallery = eval(gallery[k][0]);
idLink = (k * 1) + 1;
document.write('<td valign="top">');
document.write('<table cellspacing="0" cellpadding="0" border="0">');
document.write('<tr>');
document.write('<td>');
document.write('<a href="'+ galleryURL +'?id='+ idLink +'#sm" class="'+ thumbClass +'" style="width:'+ listThumbSize +'px; height:'+ listThumbSize +'px"><img src="'+ imagePath + thisGallery[0][0] + sm +'.jpg" width="' + listThumbSize + '" height="' + listThumbSize + '" alt="" border="0" /></a>');
document.write('</td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td>');
document.write(spacer);
document.write('</td>');
document.write('</tr>');
document.write('<tr>');
document.write('<td>');
document.write('<a href="'+ galleryURL +'?id='+ idLink +'#sm">'+ gallery[k][1] +'</a>');
document.write('<br />');
document.write(thisGallery.length +' image');
if (thisGallery.length != 1) {
document.write('s');
}
document.write('</td>');
document.write('</tr>');
document.write('</table>');
document.write('</td>');
counter++;
if (j == galleryArray.length - 1) {
columnsLeft = listColspan - counter - spacerCount;
for (l = 0; l < columnsLeft; l++) {
document.write('<td>'+ spacer +'</td>');
counter++;
}
}
if (counter >= listColumns) {
document.write('</tr>');
counter = 0;
}
} // end for each gallery
} // end for each category
document.write('</table>');
}

// display

function displayInfo() {
switch(display) {
case 'lg':
imageInfo();
break ;
case 'sm':
pageInfo();
break;
default:
// do nothing
}
}

function displayNav() {
switch(display) {
case 'lg':
imageNav();
break ;
case 'sm':
pageNav();
break;
default:
// do nothing
}
}

function displayContent() {
switch(display) {
case 'lg':
lgImage();
break ;
case 'sm':
thumbTable();
break;
default:
list();
}
}

function displayMessage() {
switch(display) {
case 'lg':
caption();
break ;
case 'sm':
document.write('Click images to enlarge');
break;
default:
// do nothing
}
}