var currentImage = 0;
var image = new Array();

function loadNewImage(img, base_path)
{
	currentImage = img;	
	document.images['Main'].src = image[img];
	document.getElementById('image_caption').innerHTML = caption[img];
	buildNavigation(base_path);
}

function loadNextImage(base_path)
{		
	if (currentImage < image.length-1)
	{			
		loadNewImage(++currentImage, base_path);
	}
	else
	{
		loadNewImage(0, base_path);
	}
}

function loadPreviousImage(base_path)
{
	if (currentImage > 0)
	{
		loadNewImage(--currentImage, base_path);
	}
	else
	{
		loadNewImage(image.length-1, base_path);
	}
}

function buildNavigation(base_path)
{
	var str = "<a href=\"javascript:loadPreviousImage('" + base_path + "');\"><img src=\"" + base_path + "/images/arrow-left-grey.gif\" alt=\"previous\" width=\"9\" height=\"7\" /></a> ";
	for (i=0; i<image.length; i++)
	{
		j = i+1;
		str += "<a href=\"javascript:loadNewImage(" + i + ", '" + base_path + "');\">" + (i==currentImage ? "<strong>" : "") + j + (i==currentImage ? "</strong>" : "") + "</a> ";
	}
	str += "<a href=\"javascript: loadNextImage('" + base_path + "');\"><img src=\"" + base_path + "/images/arrow-right-grey.gif\" alt=\"next\" width=\"9\" height=\"7\" /></a>";
  imgNav = document.getElementById('imgnav');
  if (imgNav) {
    imgNav.innerHTML = str;
  }
}