var currentImageNumber = 1;
var imageCount = -1;
var imageContainer = "horsesContainer";
var imageIdPrefix = "horse";
var afbContainer = "afbMare";

function showImage(which) {
	if (!isNaN(which)) {
		getNumberOfImages();
		currentImageNumber = Math.max(0, Math.min(which, imageCount));
		drawImage();
	}
}

function getNumberOfImages() {
	if (imageCount == -1) {
		imageCount = 0;
		imgs = document.getElementById(imageContainer).childNodes;
		for (i = 0; i < imgs.length; i++) {
			if(imgs[i].nodeName=="DIV") {
				imageCount++;
			}
		}
	}
}

function drawImage() {
	imgs = document.getElementById(imageContainer).childNodes;
	for (i = 0; i < imgs.length; i++) {
		if(imgs[i].nodeName=="DIV") {
			if (imgs[i].id == (imageIdPrefix + currentImageNumber)) {
				imgs[i].style.display = "block";
			} else {
				imgs[i].style.display = "none";
			}
		}
	}
}

function switchImage(index) {
	imgs = document.getElementById(afbContainer).childNodes;
	currentIndex = 0;
	for (i = 0; i < imgs.length; i++) {
		if(imgs[i].nodeName=="IMG") {
			currentIndex++;
			if (currentIndex == index){
				imgs[i].style.display = "block";
			} else {
				imgs[i].style.display = "none";
			}
		}
	}
}

function Imageswitch(index, picContainer) {
	imgs = document.getElementById(picContainer).childNodes;
	currentIndex = 0;
	for (i = 0; i < imgs.length; i++) {
		if(imgs[i].nodeName=="IMG") {
			currentIndex++;
			if (currentIndex == index){
				imgs[i].style.display = "block";
			} else {
				imgs[i].style.display = "none";
			}
		}
	}
}