var imagespointer = 0;
var imagesarray;

function setArray (images) {
	imagesarray = images;
}

function swapImages(direction) {
	var prevboxHTML;
	var nextboxHTML;
	if (direction == 'previous')  imagespointer--;
	else if (direction == 'next') imagespointer++;
	
	if (imagespointer > imagesarray.length-1) imagespointer = 0;
	else if (imagespointer < 0) imagespointer = imagesarray.length-1;
	
	document.getElementById("mediumimage").innerHTML = "<img src="+imagesarray[imagespointer][0]+">";
	document.getElementById("imagenumber").innerHTML = imagespointer+1 + "/" + imagesarray.length;
	if (imagesarray[imagespointer][1]) document.getElementById("imagecaption").innerHTML = imagesarray[imagespointer][1];
	else document.getElementById("imagecaption").innerHTML = '&nbsp;';
	
	if ( imagesarray[imagespointer+1] )  {
		nextboxHTML = "<div class='thumbnav smalloddpaddingbelow'><a href='javascript:swapImages(\"next\")'>next</a></div>";
		nextboxHTML += "<a href='javascript:swapImages(\"next\");'><img src=\"/phpThumb/phpThumb.php?src="+imagesarray[imagespointer+1][0]+"&w=113&h=108&zc=C\"></a>";
	} else {
		nextboxHTML = "&nbsp;";
	}
	
	if ( imagesarray[imagespointer-1] ) { 
		prevboxHTML = "<div class='thumbnav smalloddpaddingbelow'><a href='javascript:swapImages(\"previous\");' >previous</a></div>";								
		prevboxHTML += "<a href='javascript:swapImages(\"previous\");' ><img src=\"/phpThumb/phpThumb.php?src="+imagesarray[imagespointer-1][0]+"&w=113&h=108&zc=C\"></a>";
	} else {
		prevboxHTML = "&nbsp;";
	}
	
	document.getElementById("previousthumb").innerHTML = prevboxHTML;
	document.getElementById("nextthumb").innerHTML = nextboxHTML; 
}