/***********************************************
		* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
		* This notice MUST stay intact for legal use
		* Visit http://www.dynamicdrive.com/ for this script and 100s more.
		***********************************************/
		 
		var fadeimages=new Array();
		//SET IMAGE PATHS. Extend or contract array as needed
		fadeimages[0]=["bilderOben/Banner1.gif", "", ""]; //plain image syntax
		fadeimages[1]=["bilderOben/Banner2.gif", "", ""];
		fadeimages[2]=["bilderOben/Banner3.gif", "", ""];
		fadeimages[3]=["bilderOben/Banner4.gif", "", ""];
		fadeimages[4]=["bilderOben/Banner5.gif", "", ""];
		fadeimages[5]=["bilderOben/Banner6.gif", "", ""];
		fadeimages[6]=["bilderOben/Banner7.gif", "", ""];
		fadeimages[7]=["bilderOben/Banner8.gif", "", ""];
		fadeimages[8]=["bilderOben/Banner9.gif", "", ""];
		fadeimages[9]=["bilderOben/Banner10.gif", "", ""];
		fadeimages[10]=["bilderOben/Banner11.gif", "", ""];
		fadeimages[11]=["bilderOben/Banner12.gif", "", ""];
		fadeimages[12]=["bilderOben/Banner13.gif", "", ""];
		fadeimages[13]=["bilderOben/Banner14.gif", "", ""];
		fadeimages[14]=["bilderOben/Banner15.gif", "", ""];		
		fadeimages[15]=["bilderOben/Banner17.gif", "", ""];
		fadeimages[16]=["bilderOben/Banner18.gif", "", ""];
		fadeimages[17]=["bilderOben/Banner19.gif", "", ""];
		fadeimages[18]=["bilderOben/Banner20.gif", "", ""];
		fadeimages[19]=["bilderOben/Banner21.gif", "", ""];
		fadeimages[20]=["bilderOben/Banner22.gif", "", ""];
		fadeimages[21]=["bilderOben/Banner23.gif", "", ""],
		fadeimages[22]=["bilderOben/Banner24.gif", "", ""];		
		fadeimages[23]=["bilderOben/Banner26.gif", "", ""];
		fadeimages[24]=["bilderOben/Banner27.gif", "", ""];
		fadeimages[25]=["bilderOben/Banner28.gif", "", ""];
		fadeimages[26]=["bilderOben/Banner29.gif", "", ""];		
		fadeimages[27]=["bilderOben/Banner30.gif", "", ""];		
		fadeimages[28]=["bilderOben/Banner31.gif", "", ""];				
		 
		var fadebgcolor="white";
		
		////NO need to edit beyond here/////////////
		 
		var fadearray=new Array(); //array to cache fadeshow instances
		var fadeclear=new Array(); //array to cache corresponding clearinterval pointers
		 
		var dom=(document.getElementById); //modern dom browsers
		var iebrowser=document.all;
		 
		function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
			this.pausecheck=pause;
			this.mouseovercheck=0;
			this.delay=delay;
			this.degree=10; //initial opacity degree (10%)
			this.curimageindex=0;
			this.nextimageindex=1;
			fadearray[fadearray.length]=this;
			this.slideshowid=fadearray.length-1;
			this.canvasbase="canvas"+this.slideshowid;
			this.curcanvas=this.canvasbase+"_0";
			if (typeof displayorder!="undefined")theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
			this.theimages=theimages;
			this.imageborder=parseInt(borderwidth);
			this.postimages=new Array(); //preload images
			for (p=0;p<theimages.length;p++){
				this.postimages[p]=new Image()
				this.postimages[p].src=theimages[p][0]
			}
		 
			var fadewidth=fadewidth+this.imageborder*2;
			var fadeheight=fadeheight+this.imageborder*2;
			 
			if (iebrowser && dom || dom) {   //if IE5+ or modern browsers (ie: Firefox)
				document.write('<div id="master' + this.slideshowid + '" style="position:relative;width:' + fadewidth + 'px;height:' + fadeheight + 'px;overflow:hidden;"><div id="' + this.canvasbase + '_0" style="position:absolute;width:' + fadewidth + 'px;height:' + fadeheight + 'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:' + fadebgcolor + '"></div><div id="' + this.canvasbase + '_1" style="position:absolute;width:' + fadewidth + 'px;height:' + fadeheight + 'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:' + fadebgcolor + '"></div></div>');
			}
			else {
				document.write('<div><img name="defaultslide' + this.slideshowid + '" src="' + this.postimages[0].src + '"></div>');
			}
			if (iebrowser && dom || dom) {   //if IE5+ or modern browsers such as Firefox
				this.startit();
			}
			else {
				this.curimageindex++;
				setInterval("fadearray[" + this.slideshowid + "].rotateimage()", this.delay);
			}
		}
		
		function fadepic(obj){
			if (obj.degree<100){
				obj.degree+=10;
				if (obj.tempobj.filters&&obj.tempobj.filters[0]){
					if (typeof obj.tempobj.filters[0].opacity == "number") { //if IE6+
						obj.tempobj.filters[0].opacity = obj.degree;
					}
					else{ //else if IE5.5-
 						obj.tempobj.style.filter = "alpha(opacity=" + obj.degree + ")";
					}	
				}
				else if (obj.tempobj.style.MozOpacity) obj.tempobj.style.MozOpacity=obj.degree/101;
				else if (obj.tempobj.style.KhtmlOpacity) obj.tempobj.style.KhtmlOpacity=obj.degree/100;
				else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)obj.tempobj.style.opacity=obj.degree/101;
			}
			else{
				clearInterval(fadeclear[obj.slideshowid]);
				obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1";
				obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas);
				obj.populateslide(obj.tempobj, obj.nextimageindex);
				obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0;
				setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay);
			}
		}
		 
		fadeshow.prototype.populateslide=function(picobj, picindex){
			var slideHTML="";
			if (this.theimages[picindex][1]!="") //if associated link exists for image
			slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
			slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
			if (this.theimages[picindex][1]!="") //if associated link exists for image
			slideHTML+='</a>'
			picobj.innerHTML=slideHTML
		}
		 
		 
		fadeshow.prototype.rotateimage=function(){
		if (this.pausecheck==1) //if pause onMouseover enabled, cache object
		var cacheobj=this
		if (this.mouseovercheck==1)
		setTimeout(function(){cacheobj.rotateimage()}, 100)
		else if (iebrowser&&dom||dom){
		this.resetit()
		var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
		crossobj.style.zIndex++
		fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
		this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
		}
		else{
		var ns4imgobj=document.images['defaultslide'+this.slideshowid]
		ns4imgobj.src=this.postimages[this.curimageindex].src
		}
		this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
		}
		 
		fadeshow.prototype.resetit=function(){
		this.degree=10
		var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
		if (crossobj.filters&&crossobj.filters[0]){
		if (typeof crossobj.filters[0].opacity=="number") //if IE6+
		crossobj.filters(0).opacity=this.degree
		else //else if IE5.5-
		crossobj.style.filter="alpha(opacity="+this.degree+")"
		}
		else if (crossobj.style.MozOpacity)
		crossobj.style.MozOpacity=this.degree/101
		else if (crossobj.style.KhtmlOpacity)
		crossobj.style.KhtmlOpacity=this.degree/100
		else if (crossobj.style.opacity&&!crossobj.filters)
		crossobj.style.opacity=this.degree/101
		}
		 
		 
		fadeshow.prototype.startit=function(){
		var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
		this.populateslide(crossobj, this.curimageindex)
		if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
		var cacheobj=this
		var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
		crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
		crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
		}
		this.rotateimage()
		}