//Konfiguration
var intervalImageChange = 10000;	//Bilderwechsel alle xxx millisekunden
var fadeStepInterval = 100;			//Überblendeffekt alle xxx millisekunden um eine Stufe
var fadeStep = 0.05;				//Überblendeffekt Änderung pro Stufe (Neues Bild von 0 nach 1, altes Bild von 1 nach 0)
//Ende Konfiguration


imgCurrent = 0;
			
function initDiaShow()
{
	divContainer = document.getElementById('container_diaShow');
	divContainerController = document.getElementById('container_diaShowController');
	for (i=0; i<aImageFiles.length; i++)
	{
		divImage = document.createElement('div');
		divImage.id = 'diashow_image'+i;
		divContainer.appendChild(divImage);
		divImage.className = 'diashow_dia';
		divImage.style.display="none";
		divImage.style.backgroundImage='url('+aImageFiles[i]+')';
		
		divControllerBullet = document.createElement('div');
		divControllerBullet.className = 'diashow_navpoint';
		divControllerBullet.id = 'diashow_bullet_'+i;
		divControllerBullet.onclick = jumpToImage;
		divContainerController.appendChild(divControllerBullet);
	}
	document.getElementById('diashow_image0').style.display = "block";
	document.getElementById('diashow_bullet_0').className = "diashow_navpoint_selected";
	idNew = imgCurrent+1;
	if(idNew >= aImageFiles-length) idNew=0;
	imageSwitcher = window.setInterval("switchImage()", intervalImageChange);
}

function jumpToImage(e)
{
	aId = this.id.split('_');
	idNew = aId[aId.length-1];
	window.clearInterval(imageSwitcher);
	imageSwitcher = null;
	
	document.getElementById('diashow_image'+imgCurrent).style.opacity = "1.0";
	document.getElementById('diashow_image'+idNew).style.opacity = "0.0";
	document.getElementById('diashow_image'+idNew).style.display = "block";
	
	fader=window.setInterval("fadeImages()", fadeStepInterval);
	
	
}

function switchImage()
{
	document.getElementById('diashow_image'+imgCurrent).style.opacity = "1.0";
	document.getElementById('diashow_image'+idNew).style.opacity = "0.0";
	document.getElementById('diashow_image'+idNew).style.display = "block";
	
	fader=window.setInterval("fadeImages()", fadeStepInterval);
	
}

function fadeImages()
{
	document.getElementById('diashow_image'+idNew).style.opacity = parseFloat(document.getElementById('diashow_image'+idNew).style.opacity) + fadeStep;
	document.getElementById('diashow_image'+imgCurrent).style.opacity -= fadeStep;
	
	if(document.getElementById('diashow_image'+imgCurrent).style.opacity == 0)
	{
		window.clearInterval(fader);
		fader=null;
		document.getElementById('diashow_image'+imgCurrent).style.display="none";
		document.getElementById('diashow_bullet_'+imgCurrent).className="diashow_navpoint";
		document.getElementById('diashow_bullet_'+idNew).className="diashow_navpoint_selected";
		imgCurrent=idNew;
		idNew = parseInt(imgCurrent)+1;
		if(idNew >= aImageFiles.length) idNew=0;
		if (imageSwitcher==null)
		{
			imageSwitcher = window.setInterval("switchImage()", intervalImageChange);
		}
	}
}