function showImg (id, imgNr) {

	// update page navigation
	$('currentPage'+id).update(imgNr);
	currentID = id;
	
	// hide current image and load new image
	Effect.Fade('exhibitionImg'+id, {
		afterFinish: (function() {
 
			// show loading progress
			//$('imgContainer').setStyle({background: '#fff url(images/werke/loader.gif) no-repeat center center'});
			//Effect.Appear('imgOuterContainer');
			
			// load image
			var newImage = null;
			newImage = new Image();
			newImage.onload = function() {
				//alert("geladen " + this.src + " / alt = " + $('imgBig').src);   
				// hide loading progress
				//$('imgContainer').setStyle({'background-image': 'none'});
				// set new image
				$('exhibitionImg'+currentID).src = this.src;
				// show image
				Effect.Appear('exhibitionImg'+currentID);
	
			};
			newImage.src = imgDir[id] + imgNr + ".jpg";
			//alert("geladen " + newImage.src); 
		})
    });
	
}


function nextImg(id) {
	if (currentImgNr[id] < nrOfImages[id]) {
		currentImgNr[id]++;
		showImg(id, currentImgNr[id]);
	}
}

function prevImg(id) {
	if (currentImgNr[id] > 1) {
		currentImgNr[id]--;
		showImg(id, currentImgNr[id]);
	}
}


// reiter

var activeDiv = 1;

function showDiv (nr) {
	// set current navi button to off
	$('contentReiterBtn' + activeDiv).removeClassName('on');
	// set active button
	$('contentReiterBtn' + nr).addClassName('on');
	// hide current coverflow
	$('contentReiterContent' + activeDiv).setStyle({display: 'none'});
	// show active coverflow
	$('contentReiterContent' + nr).setStyle({display: 'block'});
	activeDiv = nr;
}