/* This File manages the Image-Fade-Effect at the main page.

*/

var ImgArraySlide = new Array();
var LinkArraySlide = new Array();


/************ Add/Remove/Change Images ****************/

ImgArraySlide[0] = 'images/slideshow/gewuerzkasten1.jpg';
ImgArraySlide[1] = 'images/slideshow/panorama1.jpg';
//ImgArraySlide[1] = 'images/slideshow/panorama1.jpg';
//ImgArraySlide[2] = 'images/bg/MainSlideShow/Slide3.jpg';

LinkArraySlide[0] = '/gewuerze/alle';
LinkArraySlide[1] = '/schokolade/zotter';
//LinkArraySlide[2] = '#Slide3';

/******************************************************
			  No need to edit beyond here!
******************************************************/


preloadImages();

function preloadImages() {
	ImgPreload = new Array();
	for(i = 0; i < ImgArraySlide.length; i++) {
		ImgPreload[i] = new Image();
		ImgPreload[i].src = ImgArraySlide[i];
	}
}


var AnzImagesSlide = ImgArraySlide.length;
var iSlide = 0;
var aktFading = 0;


// Hauptfunktion zum Tauschen der Bilder
function fadeOn(action) {
	var obj = document.getElementById('MainImage');
	var linkobj = document.getElementById('MainLink');
	// Action == 1 bedeutet: neues Bild wird geholt, Opacity ist auf 0.
	if(action == 1) {
		obj.style.opacity = 0;
		obj.style.filter = 'Alpha(Opacity=0)';	
		obj.style.MozOpacity = 0
		obj.style.KhtmlOpacity = 0
		
		obj.src = ImgArraySlide[iSlide];
		linkobj.href = LinkArraySlide[iSlide];
		iSlide++;
		if (iSlide == AnzImagesSlide) {
			iSlide = 0;
		}
		action = 2;
	}
	
	// Es wird auf der Basis von 1 gerechnet, einmal Einbleden wird in 1500-er Schritte unterteilt
	var gesamtValue = 1;
	var teilValue = 1500;
	var opacityTeile = gesamtValue / teilValue;
	
	// Action == 2 bedeutet: Opacity erhöhen, ansonsten erniedrigen
	if(action == 2) {
		aktFading += (opacityTeile*100);
	} else {
		aktFading -= (opacityTeile*100);
	}
	
	// Opazität >= 1, wird auf 1 gesetzt.
	if(aktFading >= gesamtValue) {
		aktFading = 1;
		
		obj.style.opacity = aktFading;
		obj.style.filter = 'Alpha(Opacity='+aktFading*100+')';	
		obj.style.MozOpacity = aktFading;
		obj.style.KhtmlOpacity = aktFading
		
		doFadeOff();
	} 
	
	// Opazität <= 0, wird auf 0 gesetzt, und neues Image geholt
	if(aktFading <= 0) {
		aktFading = 0;
		obj.style.opacity = 0;
		obj.style.filter = 'Alpha(Opacity=0)';	
		obj.style.MozOpacity = 0
		obj.style.KhtmlOpacity = 0
		
		
		doChangeImage(1);
	}
	
	// zwischen 0 und 1 wird gefadet, action sagt dabei, in welche Richtung
	if(aktFading < gesamtValue && aktFading > 0) {
		
		obj.style.opacity = aktFading;
		obj.style.filter = 'Alpha(Opacity='+aktFading*100+')';	
		obj.style.MozOpacity = aktFading;
		obj.style.KhtmlOpacity = aktFading
		
		doFadeOn(action);	
	}

}

//erblassen ist eingestellt
function doFadeOn(action) {
	setTimeout('fadeOn('+action+')',100);	
}

//Es wird umgestellt auf verblassen
// wenn setTimeout auskommentiert, bleibt das erste bild da
function doFadeOff() {
	action = false;
	setTimeout('fadeOn('+action+')',5000);
}

//ChangeImage wird augerufen
function doChangeImage(action) {
	setTimeout('fadeOn('+action+')',1);
}