// Infotext ein-/ausblenden
function showInfotext (id) {
	if ($('KGN'+id)) $("KGN"+id).toggle();
}

// ENLARGEMENT
// ----------------------------------------------------------
pictVisible = true;
currentImgID = -1;
currentImgNr = -1;
nrOfImages = 0;
imgID = new Array();

document.observe("dom:loaded", function() {
	$('nrOfPages').update(nrOfImages);
});


function showEnlargement (id, imgNr) {

	// update page navigation
	$('currentPage').update(imgNr);
	
	//hide infotext if exists
	if ((currentImgID != -1) && ($('KGN'+currentImgID))) Effect.Fade('KGN'+currentImgID);
	
	// hide pics, footer an infotext
	if (pictVisible == true) {
		pictVisible = false;
		//Effect.Fade('pictContainer');
		$('pictContainer').setStyle({'visibility': 'hidden'});
		$('footer').setStyle({'visibility': 'hidden'});
		// show page navigation
		$('pageNavi').setStyle({'visibility': 'visible'});
	}

	// hide current image and load new image
	Effect.Fade('imgBig', {
		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
				$('imgBig').src = this.src;
				// show image
				Effect.Appear('imgBig');
				currentImgID = id;
				currentImgNr = imgNr;
				// show infotext exists
				if ($('KGN'+id)) Effect.Appear('KGN'+id);
			};
			newImage.src = "images/werke/gross/"+id+"_medium.jpg";
			//alert("geladen " + newImage.src); 
		})
    });
	
	currentImg = id;

}

function hideEnlargement () {

	if (pictVisible == false) {
		pictVisible = true;
		$('pageNavi').setStyle({'visibility': 'hidden'});
		$('imgOuterContainer').setStyle({'display': 'none'});
		if ($('KGN'+currentImgID)) $('KGN'+currentImgID).setStyle({'display': 'none'});
		$('pictContainer').setStyle({'visibility': 'visible'});
		$('footer').setStyle({'visibility': 'visible'});

		pictVisible = true;
		currentImgID = -1;
		currentImgNr = -1;	
	}
}

function nextImg() {
	if (currentImgNr < nrOfImages) {
		currentImgNr++;
		showEnlargement(imgID[currentImgNr], currentImgNr);
	}
}

function prevImg() {
	if (currentImgNr > 1) {
		currentImgNr--;
		showEnlargement(imgID[currentImgNr], currentImgNr);
	}
}