var activeId = 1;

function show(id,imgNr) {
	// hide current navi button
	$('img' + activeId).removeClassName('on');
	// set active button
	$('img' + id).addClassName('on');
	//Effect.Fade('text'+activeId);
	// kein Fade Effekt
	$('text'+activeId).toggle();
	$('text'+id).toggle();
	initScrollLayers();
	if (id > 1) Effect.Fade('bildmotivText');
	activeId = id;
	activeImg = imgNr;
	// hide image
	Effect.Fade('contentImg', {
		afterFinish: (function() {
 
		// load image
			var newImage = null;
			newImage = new Image();
			newImage.onload = function() {
				// set new image
				$('contentImg').src = this.src;
				// show image
				Effect.Appear('contentImg');
				if (id == 1) Effect.Appear('bildmotivText');
				//Effect.Appear('text'+activeId, { afterFinish: (function() {initScrollLayers();})});
			};
			newImage.src = "../../images/img_" + imgNr + ".jpg";
		})
    });
}

function prev() {
	if (activeId > 1) show(activeId-1,activeImg-1);
	
}

function next() {
	if (activeId < lastImgId) show(activeId+1,activeImg+1);
}