var currIMG
arImages = new Array();
arCount = 0;

function imageData(thumb, image) {
arImages[arCount] = new Array(thumb, image);
arCount ++;
}

function buildViewer(imgNo){

//Adjust imgNo down by one, as array starts at 0;
imgNo--;

//document.write("<textarea>");

document.write("<div id='projectViewer'>");

/*main image*/
document.write("<div style='margin-bottom:10px;'><img src='" + arImages[imgNo][0] +  "' height='442' alt='' border='0' id='mainIMG'></div>");

/*navigation*/
document.write("<img src='../../../Images/Gallery/back.gif' alt='' border='0' onmouseover='mOver(this)' onmouseout='mOver()' onClick='moveBack()' id='backArrow' class='FloatLeft'>");

/* thumb grid */
//document.write("<table id='thumbGrid' cellpadding='0' cellspacing='0' border='0'>");
document.write("<div id='thumbGrid'>");
var count  = 0;

for (x=0; x<10; x++) {
	if (count < arImages.length) {
		if (count==imgNo) {
			document.write("<div><img src='" + arImages[count][1] + "' width='45' height='45' border='0' id='thumb" + count + "' onmouseover='jumpTo(" + count + ")' class='selected'></div>");
		} else {
			document.write("<div><img src='" + arImages[count][1] + "' width='45' height='45' border='0' id='thumb" + count + "' onmouseover='jumpTo(" + count + ")'></div>");
		}
	} else {
		document.write("<div><img src='../../../images/projects/blank.gif' width='60' height='43' alt='' border='0' class='empty'></div>");
	}
	count++;
}


document.write("</div>");
document.write("<img src='../../../Images/Gallery/forward.gif' alt='' border='0' onmouseover='mOver(this)' onmouseout='mOver()' onClick='moveForward()' id='forwardArrow' class='FloatLeft'>");

document.write("</div><div class='ClearDiv'></div>  ");
currIMG = imgNo;




}

function jumpTo(imgNo) {
document.getElementById("mainIMG").src = arImages[imgNo][0];
document.getElementById("thumb" + currIMG).className ="";
document.getElementById("thumb" + imgNo).className ="selected";
currIMG = imgNo;
}

function moveForward() {
if (currIMG == (arImages.length -1)) {
jumpTo(0);
} else {
jumpTo(currIMG + 1)
}

}

function moveBack() {
if (currIMG == 0) {
jumpTo(arImages.length - 1);
} else {
jumpTo(currIMG - 1)
}
}