/**
 * Initiale Funktion die das wechseln der Layer startet.
 * @return void
 * @author Pascal Streichert <pascal.streichert@twt.de>
 */
function setupLayerChange()
{
	window.setTimeout("changeLayerLoop(0)", 10000);
} // function

function setActiveLayer(iLayer)
{
	if (dojo.style(dojo.byId("header-image-" + iLayer), "display") == "none")
		dojo.style(dojo.byId("header-image-" + iLayer), "display", "block");

	 dojo.query(".header-image").forEach
	 (
	  function(item)
	  {
	   dojo.style(item, "opacity", "0");
	  }
	 );

	// umschaltung der navibloecke
	dojo.query(".maxlayer").forEach
	(
		function(item)
		{
			dojo.style(item, "display", "none");
		}
	);

	dojo.query(".umschaltung.clearfix a").forEach
	(
		function(item)
		{
				item.className = null;
		}
	);

	dojo.style(dojo.byId("maxlayer-" + iLayer), "display", "block");
	dojo.style(dojo.byId("start-layer-" + iLayer), "opacity", "0.8");
	dojo.byId("maxlayernumber-" + iLayer).className = 'active';
	dojo.style(dojo.byId("header-image-" + iLayer), "opacity", "1");

	clearTimeout(aktivLayer);

}
/**
 * Die Eigentliche Endlosschleife die zwischen den Layern wechselt.
 * @param iOldLayer Zuletzt sichtbarer/klickbarer Layer.
 * @return void
 * @author Pascal Streichert <pascal.streichert@twt.de>
 */
function changeLayerLoop(iOldLayer)
{
	// TODO: mit modulu austauschen
	// ids der layer berechnen
	if (iOldLayer >= iLayerCount)
		iOldLayer = 0;

	var iNewLayer = iOldLayer + 1;

	if (iNewLayer >= iLayerCount)
		iNewLayer = 0;

	//alert(iOldLayer);
	//alert(iNewLayer);

	// neuen layer klickbar machen
	dojo.style(dojo.byId("maxlayer-" + iNewLayer), "display", "block");
	//dojo.style(dojo.byId("header-image-" + iNewLayer), "display", "block");

	// umschaltung der navibloecke
	dojo.query(".umschaltung.clearfix a").forEach
	(
		function(item)
		{
			if (item.id.indexOf("maxlayernumber-" + iNewLayer) == 0)
			{
				item.className = 'active';
			}
			else
			{
				item.className = null;
			} // if
		}
	);

	// Temporaere Loesung fuer IE6
	if (dojo.style(dojo.byId("header-image-" + iNewLayer), "display") == "none")
		dojo.style(dojo.byId("header-image-" + iNewLayer), "display", "block");

	// alten layer ausblenden
	dojo.animateProperty({
			node: "start-layer-" + iOldLayer,
			duration:2000,
			properties: {
		    	opacity: { start: '0.9', end: '0', unit:"" }
		    }
	}).play();

	dojo.animateProperty({
		node: "header-image-" + iOldLayer,
		duration:2000,
		properties: {
	    	opacity: { start: '1', end: '0', unit:"" }
	    }
	}).play();

	// neuen layer einblenden
	dojo.animateProperty({
		node: "start-layer-" + iNewLayer,
		duration:2000,
		properties: {
	    	opacity: { start: '0', end: '0.8', unit:"" }
	    }
	}).play();

	oLastAnim = dojo.animateProperty({
		node: "header-image-" + iNewLayer,
		duration:2000,
		properties: {
	    	opacity: { start: '0', end: '1', unit:"" }
	    }
	});

	// hide old layer
	dojo.connect(oLastAnim, "onEnd", function()
		{
			dojo.style(dojo.byId("maxlayer-" + iOldLayer), "display", "none");
			//dojo.style(dojo.byId("header-image-" + iOldLayer), "display", "none");
		} // function
	);

	oLastAnim.play()

	// endlosschleife
	aktivLayer = window.setTimeout("changeLayerLoop(" + iNewLayer + ")", 10000);
} // function