var imageArray = new Array("01", "02", "03", "04");
var currentIndex = 0;

function loadGallery(){
	for (var i=0; i < imageArray.length; i++) {
		document.getElementById("thumbs").innerHTML +=
			"<a href=\"javascript:void(0);\" onclick=\"javascript:displayImage(" + i + ");\">"
			+	"<img src=\"" + imageArray[i] + "-thumb.jpg\" />"
			+	"</a>";
	}
	
	document.getElementById("main").innerHTML = "<img id=\"main_image\" src=\"" + imageArray[0]  + ".jpg\" />";
	displayImage(0);
}

function displayImage(newIndex){
	currentIndex = newIndex;
		document.getElementById("main").innerHTML = "<img id=\"main_image\" src=\"" + imageArray[currentIndex] + ".jpg\" />";

	var countNumber = currentIndex+1;
		document.getElementById("image_count").innerHTML = "" + countNumber + "/" + imageArray.length;
}

function nextImage(){
	if(currentIndex == imageArray.length - 1){
		displayImage(0);
	}else{
		displayImage(currentIndex + 1);
	}
}

function prevImage(){
	if(currentIndex == 0){
		displayImage(imageArray.length - 1);
	}else{
		displayImage(currentIndex - 1);
	}
}