function init ()
{
	showImages ();
}


var showImageNr = 0;
var showLeadNr = 0;
var showDirection = 1;
var showSteps = 30;
var showStep = 1;
var showNext = true;
function showImages ()
{
	if (showStep==showSteps) {
		if (!document.getElementById ("image_1")) {
			return;
		}
		showStep --;
		showDirection = -1;
		if (showNext) {
			setTimeout (showImages, 5000);
		}
		return;
	}
	if (showStep==0) {
		showStep ++;
		showDirection = 1;
		showImageNr = document.getElementById ("image_"+(showImageNr+1)) ? showImageNr+1 : 0;
		showLeadNr = document.getElementById ("lead_"+(showLeadNr+1)) ? showLeadNr+1 : 0;
		setTimeout (showImages, 200);
		return;
	}	
	showStep += showDirection;
	var opacity = (1-Math.cos (showStep/showSteps*Math.PI))/2;
	var img = document.getElementById ("image_"+showImageNr);
	img.style.visibility = showStep ? "visible" : "hidden";
	img.style.opacity = opacity;
	img.style.filter = "alpha(opacity="+(opacity*100)+")";
	var lead = document.getElementById ("lead_"+showLeadNr);
	if (lead) {
		lead.style.visibility = showStep ? "visible" : "hidden";
		lead.style.opacity = opacity;
		lead.style.filter = "alpha(opacity="+(opacity*100)+")";
	}
	setTimeout (showImages, 50);
}

var naviActive;
function naviHighlight (active)
{
	if (naviActive) {
		naviActive.className = "";
	}
	if (active) {
		active.className = "active";
	}
	naviActive = active;
}

