function SimpleImageBrowser(imageId) {
	this.imageEl = document.getElementById(imageId);
	this.imageLinkEl = document.getElementById(imageId + "_link");
	this.images = new Array();
	this.imagesLinks = new Array();
	this.selectedIndex = 0;
	this.nrOfImages = 0;
}

SimpleImageBrowser.prototype.addImage = function(imageSrc, linkHref) {
	var img = new Image();
	img.src = imageSrc;
	this.images[this.nrOfImages] = img;
	this.imagesLinks[this.nrOfImages] = linkHref;
	this.nrOfImages++;
}

SimpleImageBrowser.prototype.nextImage = function() {
	var nextIndex = this.selectedIndex + 1;
	if (nextIndex < this.nrOfImages) {
		this.selectedIndex = nextIndex;
	} else {
		this.selectedIndex = 0;
	}
	this.updateImage();
}

SimpleImageBrowser.prototype.prevImage = function() {
	var prevIndex = this.selectedIndex - 1;
	if (prevIndex >= 0) {
		this.selectedIndex = prevIndex;
	} else {
		this.selectedIndex = this.nrOfImages - 1;
	}
	this.updateImage();
}

SimpleImageBrowser.prototype.updateImage = function() {
	this.imageEl.src = this.images[this.selectedIndex].src;
	this.imageLinkEl.href = this.imagesLinks[this.selectedIndex];
}

SimpleImageBrowser.prototype.startLoop = function() {
	var root = this;
	setInterval( function(){root.nextImage();},3000);
}