var currentImage = 1;
var currentImageArr = 0;
imageCount = imageIDs.length;

function onLoadChecks() {
	currentImageText = "image " + currentImage + "/" + imageCount;
	currentImageName = imageIDs[currentImageArr];
	document.getElementById('imageText').innerHTML=currentImageText;
	document.getElementById('arrowLeftLink').removeAttribute('href')
	document.getElementById('arrowLeft').src="images/arrow_left_inactive.gif";
	if (imageCount == 0) {
		document.getElementById('imageText').innerHTML="No Image(s)";
		document.getElementById('arrowRightLink').removeAttribute('href');
		document.getElementById('arrowRight').src="images/arrow_right_inactive.gif";
		document.getElementById('sketchImage').alt="No Image(s) Available";
	}
	else if (imageCount == 1) {
		document.getElementById('arrowRightLink').removeAttribute('href');
		document.getElementById('arrowRight').src="images/arrow_right_inactive.gif";
		document.getElementById('sketchImage').src=currentImageName;
	}
	else {
		document.getElementById('arrowRightLink').setAttribute('href', '#');
		document.getElementById('arrowRight').src="images/arrow_right_active.gif";
		document.getElementById('sketchImage').src=currentImageName;
	}
}

function changePictureNxt() {
	++currentImage;
	++currentImageArr;
	currentImageName = imageIDs[currentImageArr];
	currentImageText = "image " + currentImage + "/" + imageCount;

	if (currentImage > imageCount) {
		--currentImage;
		--currentImageArr;
		document.getElementById('arrowRightLink').removeAttribute('href');
		document.getElementById('arrowRight').src="images/arrow_right_inactive.gif";
	}
	else if (currentImage == imageCount) {
		document.getElementById('arrowRightLink').removeAttribute('href');
		document.getElementById('arrowRight').src="images/arrow_right_inactive.gif";
		document.getElementById('arrowLeftLink').setAttribute('href', '#');
		document.getElementById('arrowLeft').src="images/arrow_left_active.gif";
		document.getElementById('sketchImage').src=currentImageName;
		document.getElementById('imageText').innerHTML=currentImageText;
	}
	else if (currentImage > 1) {
		document.getElementById('arrowLeftLink').setAttribute('href', '#');
		document.getElementById('arrowLeft').src="images/arrow_left_active.gif";
		document.getElementById('sketchImage').src=currentImageName;
		document.getElementById('imageText').innerHTML=currentImageText;
	}
	else {
		document.getElementById('sketchImage').src=currentImageName;
		document.getElementById('imageText').innerHTML=currentImageText;
	}
}

function changePicturePrv() {
	--currentImage;
	--currentImageArr;
	currentImageName = imageIDs[currentImageArr];
	currentImageText = "image " + currentImage + "/" + imageCount;

	if (currentImage < 1) {
		++currentImage;
		++currentImageArr;
		document.getElementById('arrowLeftLink').removeAttribute('href');
		document.getElementById('arrowLeft').src="images/arrow_left_inactive.gif";
	}
	else if (currentImage == 1) {
		document.getElementById('arrowLeftLink').removeAttribute('href');
		document.getElementById('arrowLeft').src="images/arrow_left_inactive.gif";
		document.getElementById('arrowRightLink').setAttribute('href', '#');
		document.getElementById('arrowRight').src="images/arrow_right_active.gif";
		document.getElementById('sketchImage').src=currentImageName;
		document.getElementById('imageText').innerHTML=currentImageText;
	}
	else if (currentImage < imageCount) {
		document.getElementById('arrowRightLink').setAttribute('href', '#');
		document.getElementById('arrowRight').src="images/arrow_right_active.gif";
		document.getElementById('sketchImage').src=currentImageName;
		document.getElementById('imageText').innerHTML=currentImageText;
	}
	else {
		document.getElementById('sketchImage').src=currentImageName;
		document.getElementById('imageText').innerHTML=currentImageText;
	}
}