function generateThumbnails(){
	for (var i=1; i<=imageCount; i++)  {
		document.writeln('<li><a title="Image #' + i + '" href="image.html#' + i + '"><img width="184" height="139" src="thumbs/' + i + '.jpg" /></a>');
	}
}

function previous(){
   	var i = getCurrent();
	var previous = i-1;
	if(previous <= 0) previous = imageCount;
	loadArtwork(previous, true);
}

function next(){
	var i = getCurrent();
	var next = i+1;
	if(next > imageCount) next = 1;
	loadArtwork(next, true);
}

function loadArtwork(index, update){
	if(stereo){
		var artworkLeft = document.getElementById("artworkLeft");
		var artworkRight = document.getElementById("artworkRight");
	   artworkLeft.src = "images/left/" + index + ".jpg";
	   artworkRight.src = "images/right/" + index + ".jpg";
	}else{
		var artwork = document.getElementById("artwork");
	   artwork.src = "images/" + index + ".jpg";
	}
	if(update) window.location.hash = "#" + index;
	document.title = baseTitle + " - Image #" + index;
}

function getCurrent(){
	if(stereo){
		var artwork = document.getElementById("artworkLeft");
	}else{
		var artwork = document.getElementById("artwork");
	}
	var src = artwork.src;
	var arr = src.split("/");
	var file = arr[arr.length-1];
	var arr = file.split(".");
	return(Number(arr[0]));
}

var currentHash = window.location.hash;
if (setInterval) hashIntervalID = setInterval(watchHash, 200);

function watchHash(){
	var hash = String(window.location.hash);
	if(hash != currentHash){
   	var index = Number(hash.split("#")[1]);
      loadArtwork(index, false);
      currentHash = hash;
	}
}

var baseTitle;

function init(){
	baseTitle = document.title;
	var hash = String(window.location.hash);
   var index = Number(hash.split("#")[1]);
	if(!index) index = 1;
	loadArtwork(index, false);
}