/*  NOTE: Images must be saved according to the naming scheme a_1, a_2... for
	group A and b_1,b_2... for group B
*/

//This is the number of images in group A
var numAimages=17

//This is the number of images in group B
var numBimages=18

//This is the filename of the starting image (in the images directory)
var start="b_10.jpg"

//------------------------------------------------------------------------------

var numimages=numAimages+numBimages
var dynimages=new Array()
var thumbs=new Array()

for (i = 1; i <= numimages; i++)
{
	if (i<=numAimages) {
		dynimages[i]=["images/a_" + i + ".jpg", ""]
		thumbs[i]=["images/thumbs/a_" + i + ".jpg"]
	}
	else {
		j=i-numAimages
		dynimages[i]=["images/b_" + j + ".jpg", ""]
		thumbs[i]=["images/thumbs/b_" + j + ".jpg"]
	}
}

for (x=1; x<dynimages.length; x++){
	var myimage=new Image()
	myimage.src=dynimages[x][0]
}
for (x=1; x<thumbs.length; x++){
	var mythumb=new Image()
	mythumb.src=thumbs[x][0]
}


function returnimgcode(theimg){
	var imghtml=""
	imghtml='<img src="'+theimg[0]+'" border="0">'
	imghtml+='</a>'
	return imghtml
}

function returnlinkcode(theimg){
	var linkhtml=""
	linkhtml='<a href="#" onClick="modifyimage('
	linkhtml+="'middle', " +theimg+ ")"
	linkhtml+='" onMouseOver="'
	linkhtml+="document.images.thumb" +theimg+ ".src='" +thumbs[theimg]
	linkhtml+="'"
	linkhtml+='" onMouseOut="'
	linkhtml+="document.images.thumb" +theimg+ ".src='images/blank.gif'"
	linkhtml+='"><img src="images/blank.gif" name="thumb' +theimg+ '"/></a>'
	return linkhtml
}

function displaylinks(loadarea) {
	var linkobj=document.getElementById(loadarea)
	for (x=1; x<numimages; x++){
		document.write(returnlinkcode(x))
		linkobj.innerHTML=returnlinkcode(x)
	}
}

function startimage(loadarea) {
	var imgobj=document.getElementById(loadarea)
	imgobj.innerHTML='<img src="images/' +start+ '">'
}


function modifyimage(loadarea, imgindex){
	if (document.getElementById){
		var imgobj=document.getElementById(loadarea)
		imgobj.innerHTML=returnimgcode(dynimages[imgindex])
	}
}

function makemenu() {
	for (x=1; x<=numimages; x++) {
		document.write("<td>" +returnlinkcode(x)+ "</td>\n")
		if (x<numAimages && x%3==0) {
			document.write("</tr>\n<tr>\n")
		}
		if (x>numAimages && (x-numAimages)%3==0) {
			document.write("</tr>\n<tr>\n")
		}
		if (x==numAimages) {
			document.write('</tr>\n<td><img src="images/spacer.gif"></td>\n<tr>')
		}
	}
}