var galleryIndex;
var singleImage;
var bigImage;
var gallery;
var imageCount;
var imageStatus;
var imageNumber = 0;
var captions = [];

function init(gal, count) {
	galleryIndex = document.getElementById("galleryindex");
	singleImage = document.getElementById("singleimage");
	bigImage = document.getElementById("bigimg");	
	imageStatus = document.getElementById("imgstatus");	
	gallery = gal;
	imageCount = count;
}

function getImageStr() {
	if (imageNumber < 10) {
		return "0" + imageNumber;
	} else {
		return imageNumber;
	}
}

function setStatus() {
	var caption = "Image " + (imageNumber +1) + "/" + imageCount;
	if (captions.length > imageNumber) {
		caption += ": " + captions[imageNumber];
	}
	imageStatus.innerHTML = caption;
}

function clickOnImage(img) {
	imageNumber = img;
	setStatus();
	bigImage.src = gallery + "/" + getImageStr() + ".jpg";
	galleryIndex.style.display = "none";
	singleImage.style.display = "block";
	return false;
}

function nextImage() {
	imageNumber = (imageNumber + 1) % imageCount;
	bigImage.src = gallery + "/" + getImageStr() + ".jpg";
	setStatus();
	return false;
}

function prevImage() {
	imageNumber--;
	if (imageNumber < 0) {
		imageNumber = imageCount - 1;
	} 
	bigImage.src = gallery + "/" + getImageStr() + ".jpg";
	setStatus();
	return false;
}

function toIndex() {
	singleImage.style.display = "none";
	bigImage.src = "loading.jpg";	
	galleryIndex.style.display = "block";
	return false;
}