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


function showEnlargement (imgNr) {

	// update page navigation
	$('currentPage').update(imgNr);
	
	// 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');
	
			};
			newImage.src = imgDir + imgNr + ".jpg";
			//alert("geladen " + newImage.src); 
		})
    });
	
}


function nextImg() {
	if (currentImgNr < nrOfImages) {
		currentImgNr++;
		showEnlargement(currentImgNr);
	}
}

function prevImg() {
	if (currentImgNr > 1) {
		currentImgNr--;
		showEnlargement(currentImgNr);
	}
}