var effecttime = 1.0;

var loadingImage = new Image();
loadingImage.src = '/statisch/2010/www/bilder/loading-image0.gif';

var newDisplayImageSrc = '';
var newDisplayImage = new Image();

function zeigeNachfolger() {
	if (nachfolger[aktSrc]) {
		zeigeGalerieBild(nachfolger[aktSrc],'');
	}
}

function zeigeGalerieBild(picfile, beschreibung) {
        aktSrc = picfile;
	$('grossbild-wrapper').appendChild(loadingImage);
	// http://tommcfarlin.com/2008/05/17/addressing-prototype-setstyle-internet-explorer-object-doesnt-support/
	Element.extend(loadingImage);
	loadingImage.setStyle({
		position: 'absolute',
		top: Math.round($('grossbild').height/2-20) + 'px',
		left: Math.round($('grossbild').width/2-20+45) + 'px'
	});
	loadingImage.show();

	newDisplayImageSrc = picfile;
	newDisplayImage.src = newDisplayImageSrc;
	Event.observe(newDisplayImage, 'load', wechsleBildEffekt_step1);
}

function wechsleBildEffekt_step1() {
	if (bilderBeschreibungen[newDisplayImageSrc] != $('grossbild-beschreibung').innerHTML) {
		new Effect.BlindUp('grossbild-unten-wrapper', {  
				duration: effecttime/3, 
				afterFinish: function() {wechsleBildEffekt_step2();}
			}
		);
	}
	else {
		wechsleBildEffekt_step2();
	}
}

function wechsleBildEffekt_step2() {
	loadingImage.remove();

	var wi0 = $('grossbild').width;
	var wi2 = newDisplayImage.width;
	//var wi1 = wi0 + Math.round((wi2 - wi0)/2);
	var wi1 = wi0 + Math.round((wi2 - wi0)/2);
	var he0 = $('grossbild').height;
	var he2 = newDisplayImage.height;
	//var he1 = he0 + Math.round((he2 - he0)/2);
	var he1 = he0 + Math.round((he2 - he0)/2);

	/*
	new Effect.Morph('grossbild-wrapper', {style: 'height: ' + newDisplayImage.height + 'px;', duration: effecttime});
	new Effect.Morph('grossbild', {style: 'width: ' + wi1 + 'px;	height: ' + he1 + 'px;', duration: effecttime/2,
		 afterFinish: function() {
			new Effect.Morph('grossbild', {style: 'width: ' + newDisplayImage.width + 'px;	height: ' + newDisplayImage.height + 'px;', duration: effecttime/2});
		 }
	});
	*/
	new Effect.Opacity('grossbild', 
					{  
						from: 1.0, to: 0.0,
						duration: effecttime/2, 
						afterFinish: function() {
							//$('grossbild').writeAttribute({ src : newDisplayImage.src }); 
							Event.observe($('grossbild'), 'load', wechsleBildEffekt_step3);
							$('grossbild').src = newDisplayImage.src; 
						} 
					}
				);

//		new Effect.BlindUp('grossbild-beschreibung', 
//					{  
//						duration: effecttime/2, 
//						afterFinish: function() {
//						} 
//					}
//				);
//	}

}

function wechsleBildEffekt_step3() {
	new Effect.Opacity('grossbild', {from: 0.0, to: 1.0, duration: effecttime/2,
		afterFinish: function() {
			if (bilderBeschreibungen[newDisplayImageSrc] != $('grossbild-beschreibung').innerHTML) {
				$('grossbild-beschreibung').update(bilderBeschreibungen[newDisplayImageSrc]);
				//$('grossbild-beschreibung').hide();
				new Effect.BlindDown('grossbild-unten-wrapper', {duration: effecttime/2});
			}
		}
	});
}