function HeadBannerShow(){
	if(HeadImgArray.length > 0){
		document.getElementById("HeadBannerImg").width        = HeadImgWidth;
		document.getElementById("HeadBannerImg").height       = HeadImgHeight;
		document.getElementById("HeadBannerImg").style.width  = HeadImgWidth+'px';
		document.getElementById("HeadBannerImg").style.height = HeadImgHeight+'px';
		
		// auf maximal "Array-Länge" beschränken
		HeadIndex       = HeadCurrentIndex % HeadImgArray.length;
		
		HeadCurrentLoop = Math.floor(HeadCurrentIndex / HeadImgArray.length);
		
		// Daten holen
		_img    = HeadImgArray[HeadIndex];
		_title  = HeadTitleArray[HeadIndex];
		
		// zur Sicherheit: Link & Target setzen
		if(HeadLinkArray[HeadIndex] != undefined && HeadLinkArray[HeadIndex] != "" ){
			_link   = HeadLinkArray[HeadIndex];
			_target = HeadTargetArray[HeadIndex];
		}else{
			_link   = "";
			_target = "";
		}
		
		if(HeadCurrentLoop < HeadLoops || HeadLoops == 0){
			// Überblendung anstossen
			blendimage('HeadBannerDIV','HeadBannerImg', _img, HeadBlendingTime);
			// Timeout starten
			HeadBannerTimer = setTimeout("HeadBannerShow()", HeadTimeout);
		}else{
			// hintergrund entfernen
			document.getElementById('HeadBannerDIV').style.backgroundImage = "";
			// Ausblenden
			shiftOpacity('HeadBannerImg', HeadBlendingTime);
			_title  = "";
			_link   = "";
			_target = "";
			document.getElementById("HeadBannerImg").width = 0;
			document.getElementById("HeadBannerImg").height = 0;
			document.getElementById("HeadBannerImg").style.width  = '0px';
			document.getElementById("HeadBannerImg").style.height = '0px';
		}
		
		
		// den neuen Link eintragen
		document.getElementById("HeadBannerLink").href   = _link;
		document.getElementById("HeadBannerLink").target = _target;
		document.getElementById("HeadBannerLink").title  = _title;
		document.getElementById("HeadBannerImg").alt     = _title;
		
		// index hochzählen
		HeadCurrentIndex ++;
	}else{
		document.getElementById("HeadBannerImg").width = 0;
		document.getElementById("HeadBannerImg").height = 0;
		document.getElementById("HeadBannerImg").style.width  = '0px';
		document.getElementById("HeadBannerImg").style.height = '0px';
	}
}

function SideBannerShow(){
	if(SideImgArray.length > 0){
		document.getElementById("SideBannerImg").width        = SideImgWidth;
		document.getElementById("SideBannerImg").height       = SideImgHeight;
		document.getElementById("SideBannerImg").style.width  = SideImgWidth+'px';
		document.getElementById("SideBannerImg").style.height = SideImgHeight+'px';
		
		// auf maximal "Array-Länge" beschränken
		SideIndex       = SideCurrentIndex % SideImgArray.length;
		
		SideCurrentLoop = Math.floor(SideCurrentIndex /SideImgArray.length);
		
		// Daten holen
		_img    = SideImgArray[SideIndex];
		_title  = SideTitleArray[SideIndex];
		
		// zur Sicherheit: Link & Target setzen
		if(SideLinkArray[SideIndex] != undefined && SideLinkArray[SideIndex] != "" ){
			_link   = SideLinkArray[SideIndex];
			_target = SideTargetArray[SideIndex];
		}else{
			_link   = "";
			_target = "";
		}
		
		
		if(SideCurrentLoop < SideLoops || SideLoops == 0){
			// Überblendung anstossen
			blendimage('SideBannerDIV','SideBannerImg', _img, SideBlendingTime);
			// Timeout starten
			SideBannerTimer = setTimeout("SideBannerShow()", SideTimeout);
		}else{
			// hintergrund entfernen
			document.getElementById('SideBannerDIV').style.backgroundImage = "";
			// Ausblenden
			shiftOpacity('SideBannerImg', SideBlendingTime);
			_title  = "";
			_link   = "";
			_target = "";
			document.getElementById("SideBannerImg").width  = 0;
			document.getElementById("SideBannerImg").height = 0;
			document.getElementById("SideBannerImg").style.width  = '0px';
			document.getElementById("SideBannerImg").style.height = '0px';
		}
		
		
		// den neuen Link eintragen
		document.getElementById("SideBannerLink").href   = _link;
		document.getElementById("SideBannerLink").target = _target;
		document.getElementById("SideBannerLink").title  = _title;
		document.getElementById("SideBannerImg").alt     = _title;
		
		// index hochzählen
		SideCurrentIndex ++;
	}else{
		document.getElementById("SideBannerImg").width  = 0;
		document.getElementById("SideBannerImg").height = 0;
		document.getElementById("SideBannerImg").style.width  = '0px';
		document.getElementById("SideBannerImg").style.height = '0px';
	}
}

// imported

function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}