/*
var KSMainImageData = [
	{ url: "mainimagetest/samstags.jpg", text: "Immer wieder samstags...", link: "http://www.kirche-sasel.de/web/aktuelles/aktuellespage.php?id=T1306860631" },
	{ url: "mainimagetest/jazzband.jpg", text: "18. Juni ab 18 Uhr: Saseler Sommerabend mit Jazzband", link: "http://www.kirche-sasel.de/web/aktuelles/aktuellespage.php?id=T1306849854" },
	{ url: "mainimagetest/atempause.jpg", text: "22.Juni und 17. August: ATEMPAUSE - Gesprächsabend", link: "http://www.kirche-sasel.de/web/aktuelles/aktuellespage.php?id=T1296740600" },
	{ url: "mainimagetest/fahrad.jpg", text: "18. Juni: Zweiter Fahrrad-Aktionstag in Sasel", link: "http://www.kirche-sasel.de/web/aktuelles/aktuellespage.php?id=T1306240652" }
];
*/

var KSMainImageInfos = new Array();
var KSMainImageCount = 0;
var KSMainImageState = 0;
var KSMainImageAnimCount = 0;
var KSMainImageMaxTrans = 20;
var KSMainImageMaxWait = 300;
var KSStopSwitch = false;

function KSSetupMainImages()
{
	if (KSMainImageInfos.length == 0)
	{
		for (var i=0;i<KSMainImageData.length;i++)
		{
			var info = new Object();
			
			info.element = document.getElementById("ksMainImage"+i);
			info.frameElement = document.getElementById("ksMainImageFrame"+i);
			info.imageElement = document.getElementById("ksMainImageImage"+i);
			info.scale = true;
			
			KSMainImageInfos.push(info);
			
			info.element.style.filter = "alpha(opacity=50)";
		}
	}
	
	KSMainImageState = 0;
	KSMainImageAnimCount = 0;
	KSMainImageAnim();
}

function KSMouseInside(isInside)
{
	KSStopSwitch = isInside;
}

function KSMainImageAnim()
{
	switch (KSMainImageState)
	{
		case 0:
		{
			var info = KSMainImageInfos[KSMainImageCount];
			if (info.scale)
			{
				var imageWidth = info.imageElement.width;
				var imageHeight = info.imageElement.height;
				
				var factor = Math.max((700/imageWidth), (400.0/imageHeight));
				info.imageElement.width = imageWidth * factor;
				info.imageElement.height = imageHeight * factor;
				info.scale = false;
			}
			
			info.frameElement.style.left = Math.floor((700 - info.imageElement.width)/2) + "px";
			info.frameElement.style.top = Math.floor((400 - info.imageElement.height)/2) + "px";
			
			KSSetAlpha(info.element, KSMainImageAnimCount/KSMainImageMaxTrans);
			KSMainImageAnimCount++;
			if (KSMainImageAnimCount > KSMainImageMaxTrans)
			{
				KSMainImageAnimCount = 0;
				KSMainImageState = 1;
				var oldImageIdx = KSMainImageCount - 1;
				if (oldImageIdx < 0)
					oldImageIdx = KSMainImageInfos.length - 1;
				KSMainImageInfos[oldImageIdx].element.style.visibility = "hidden";
			}
			break;
		}
		
		case 1:
		{
			KSMainImageAnimCount++;
			if ((KSMainImageAnimCount >= KSMainImageMaxWait) && !KSStopSwitch)
			{
				KSMainImageInfos[KSMainImageCount].element.style.zIndex = 1;
				KSMainImageAnimCount = 0;
				KSMainImageState = 0;
				KSMainImageCount++;
				if (KSMainImageCount >= KSMainImageInfos.length)
					KSMainImageCount = 0;
				
				KSSetAlpha(KSMainImageInfos[KSMainImageCount].element, 0.0);
				KSMainImageInfos[KSMainImageCount].element.style.visibility = "visible";
				KSMainImageInfos[KSMainImageCount].element.style.zIndex = 2;
			}
						
			break;
		}
	}
		
	setTimeout("KSMainImageAnim()", 30);
}

function KSWriteMainImage(elementName)
{
	var htmlStr = '<div style="position:relative; width:700px; height:400px; clip: rect(0 0 700px 400px); overflow:hidden; display:block; zoom: 1;" onmouseover="KSMouseInside(true);" onmouseout="KSMouseInside(false);">';
	
	for (var i=0;i<KSMainImageData.length;i++)
	{
		var info = KSMainImageData[i];
		
		htmlStr += '<div id="' + "ksMainImage" + i + '" style="position:absolute; background-color: white; width:700px; height:400px; display:block; cursor: pointer; visibility:' + ((i == 0) ? "visible" : "hidden") + ';" onclick="KSGotoLink(\'' + info.link + '\')">';
		htmlStr += '<div style="position:relative; width:700px; height:400px; zoom: 1;">';
		htmlStr += '<div id="' + "ksMainImageFrame" + i + '" style="position:absolute;">';
		htmlStr += '<img id="' + "ksMainImageImage" + i + '"src="' + info.url + '" ' + ((i == 0) ? 'onload="KSSetupMainImages();"' : '') + '/>';
		htmlStr += '</div>';
		htmlStr += '<div class="mainImageBar"><div style="padding-left: 20px; padding-top: 11px; padding-right: 20px;">' + info.text + '</div></div>';
		htmlStr += '</div>';
		htmlStr += '</div>';
	}
	
	htmlStr += '</div>';

	if (elementName)
	{
		var element = document.getElementById(elementName);
		element.innerHTML = htmlStr;
	}
	else
		document.write(htmlStr);
}