function zoom(element) {

	document.getElementById('replace').innerHTML = '<img src="'+document.getElementById(element).href+'" alt="" title="" />';
}

// configuration for image fader
var faderTimeout = 3500;
var faderSpeed = "slow";

// don't change
var realCounter = 1;

/**
 * Prepends the images to the HTML container and starts the fading action.
 */
function imageFaderPrepare() {
	var picsArray = bilderArray.split(',');	
	for(i=1, n=bilderArray.length; i<n; i++) {
		if(picsArray[i] != undefined) {
			$('#replace').prepend('<img id="myImage'+i+'" src="/uploads/media/'+picsArray[i]+'" alt="" />');
			realCounter++;
		}
	}
	
	if($('#myImage'+(realCounter-1)) == null)
	{
		// Object is null Error
	}
	else
	{
		$('#myImage'+(realCounter-1)).load(function () {
			window.setTimeout("imageFader(0)", faderTimeout);
		});
	}
}

/**
 * Fades the images.
 */
function imageFader(imgnr) {

	// normal behaviour - fade out upper image
	if(imgnr < realCounter-1) {
		$("#myImage"+imgnr).fadeOut(faderSpeed);
	}
	// reactivate image stack
	else {
		$("#myImage0").fadeIn(faderSpeed, enableStack);
	}

	// check if we currently show last image and start with first
	if(imgnr == realCounter-1) {
		nextImg = 0;
	}
	// there are enough images to display, go on counting
	else {
		nextImg = imgnr+1;
	}

	window.setTimeout("imageFader("+nextImg+")", faderTimeout);
}

/**
 * Enables hidden images without animation.
 */
function enableStack() {
	for(i=1, n=realCounter; i<n; i++) {
		$("#myImage"+i).show();
	}
}