/*
 * In der rechten Spalte wird an oberster Stelle ein Wechselbanner mit Link 
 * dargestellt. Ohne Javascript wird dieser Banner nicht dargestellt aber das 
 * ist kein nachteil da alle diese Links auf der separaten Linkseite nochmals 
 * aufgeführt sind.
 */ 



var Banner = 
	{	
		change : function(){
			Banner.durchlauf++;
			// bannerdatapointer um eins weiter
			Banner.currentBanner = (Banner.currentBanner + 1) % Banner.Bannerdata.length;
			// wechselreferenz bestimmen
			if (Banner.image1 == Banner.currentimage){
				Banner.appearingimage = Banner.image2;
			}else{
				Banner.appearingimage = Banner.image1;
			}
			// Effekt zum wechseln
			new Effect.Parallel(
				[
					new Effect.Fade(
						Banner.currentimage,
						{
							sync: true
						}
					), 
					new Effect.Appear(
						Banner.appearingimage,
						{
							sync: true
						}
					)
				],
				{ 
					beforeStart: function(){
						// link ausschalten
						Banner.changingBanner.href = "javascript:void(0);";
						Banner.changingBanner.target = "";
						// bild setzen
						Banner.appearingimage.src = Banner.Bannerdata[Banner.currentBanner].src;
					},
					duration: 1, 
					afterFinish: function(){
						// wechsel abschließen
						Banner.currentimage = Banner.appearingimage;
						// link einschalten
						Banner.changingBanner.href = Banner.Bannerdata[Banner.currentBanner].href;
						if (Banner.Bannerdata[Banner.currentBanner].href != ''){
							Banner.changingBanner.target = "_BLANK";
						}else{
							Banner.changingBanner.target = "";
						}	
						//nächster effekt triggern sofert dies überhaupt nötig ist
						if (Banner.Bannerdata.length > 1){
							window.setTimeout(Banner.change,3000);
						}
					}
				}
			);
		},
		init : function(changingBanner,Bannerdata){
			// Bannerdaten
			Banner.Bannerdata = Bannerdata.evalJSON();
			// Ein paar Referenzen
			Banner.changingBanner = $(changingBanner);
			Banner.image1 = $$('#'+changingBanner+' img')[0];
			Banner.image2 = $$('#'+changingBanner+' img')[1];
			Banner.currentimage = Banner.image1;
			Banner.appearingimage = Banner.image2;
			// erst mal beide abschalten weil der Erste Effekt das richtige Bild lädt
			Banner.image1.style.display= 'none';
			Banner.image2.style.display= 'none';
			// Zeiger initialisieren auf einer zufälligen Stelle
			Banner.currentBanner = Math.floor(Math.random()*Banner.Bannerdata.length);
			// Ersten effekt anstoßen
			Banner.change();
		}
	}