/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Jay M. Rumsey, OD | http://www.nova.edu/~rumsey */

var num = 1, targetdiv = 'bigimage';

// ['grid_cell_div_id', 'thumbnail_base_filename', 'large_filename']
imgArray = [['grid_1_1', '01_sm', '01_lg.jpg'], ['grid_1_2', '02_sm', '02_lg.jpg'],	['grid_1_3', '03_sm', '03_lg.jpg'], ['grid_1_4', '04_sm', '04_lg.jpg'],
		    ['grid_2_1', '05_sm', '05_lg.jpg'], ['grid_2_2', '06_sm', '06_lg.jpg'],	['grid_2_3', '07_sm', '07_lg.jpg'], ['grid_2_4', '08_sm', '08_lg.jpg'],
		    ['grid_3_1', '09_sm', '09_lg.jpg'], ['grid_3_2', '10_sm', '10_lg.jpg'],	['grid_3_3', '11_sm', '11_lg.jpg'], ['grid_3_4', '12_sm', '12_lg.jpg'],
		    ['grid_4_1', '13_sm', '13_lg.jpg'], ['grid_4_2', '14_sm', '14_lg.jpg'], ['grid_4_3', '15_sm', '15_lg.jpg'], ['grid_4_4', '16_sm', '16_lg.jpg'],
		    ['grid_5_1', '17_sm', '17_lg.jpg'], ['grid_5_2', '18_sm', '18_lg.jpg'], ['grid_5_3', '19_sm', '19_lg.jpg'], ['grid_5_4', '20_sm', '20_lg.jpg']];


function buildthumbGrid() {
	for (i = 0; i < imgArray.length; i++) {
		newhtml = '<a href="#" onclick="javascript:slideshowJump(' + i + ');return false;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'' + imgArray[i][0] + '_img\',\'\',\'../images/' + imgArray[i][1] + '_on.jpg' + '\',1)"><img src="../images/' + imgArray[i][1] + '_off.jpg" name="' + imgArray[i][0] + '_img" width="50" height="34" border="0" id="' + imgArray[i][0] + '_img" /></a>';
		x = document.getElementById(imgArray[i][0]);
		x.innerHTML = newhtml;
	}
}

function slideshow(old_num, new_num) {
	old_thumb = document.getElementById(imgArray[old_num][0]);
	old_thumb.innerHTML = '<a href="#" onclick="javascript:slideshowJump(' + old_num + ');return false;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'' + imgArray[old_num][0] + '_img\',\'\',\'../images/' + imgArray[old_num][1] + '_on.jpg' + '\',1)"><img src="../images/' + imgArray[old_num][1] + '_off.jpg" name="' + imgArray[old_num][0] + '_img" width="50" height="34" border="0" id="' + imgArray[old_num][0] + '_img" /></a>';

	new_thumb = document.getElementById(imgArray[new_num][0]);
	new_thumb.innerHTML = '<img src="../images/' + imgArray[new_num][1] + '_on.jpg" name="' + imgArray[new_num][0] + '_img" width="50" height="34" border="0" id="' + imgArray[new_num][0] + '_img" />';
	
	newimg = '<img src="../images/' + imgArray[new_num][2] + '" width="648" height="439" alt="" />';
	document.getElementById(targetdiv).innerHTML = newimg;
}

function slideshowNext() {
  old_num = num;
  
  num++;
  num = num % imgArray.length;
  slideshow(old_num, num);
}

function slideshowPrev() {
  old_num = num;
  
  num--;
  if (num < 0) {num = imgArray.length - 1;}
  num = num % imgArray.length;
  slideshow(old_num, num);
}

function slideshowJump(idx) {
	if (idx != num) {
		old_num = num;
		
		if (idx > 0 && idx < imgArray.length) { num = idx; } else { num = 0; }
		slideshow(old_num, num);
	}
}