var element = 0;							// Höhe des Elmentes
var bilderScript = new Array();				// Array mit den Bildern (Script Block)
var bilder = new Array();					// Array mit den zu zeigenden Bildern
var height = 137;							// Die Höhe ienes Bildes

document.onkeyup = keyUp;

onload = function()
{
	initialize();
	startFont();
}

function bilderblock()
{
	initialize();
}

function keyUp(event)
{
	keyCode = event.keyCode || window.event.which;
	
	if(keyCode == "17")
	{
		initialize();
	}
}

function initialize()
{
	getHeight();
	getBilder();
	setBilder();
}

/*
 * bestimmt die Höhe für den Bilderblock
 */
function getHeight()
{
	var elementText = "";
	var elementNavi = "";
	var ua = navigator.userAgent.toLowerCase();
	
	// IE
	if(ua.indexOf("msie") > -1 && ua.indexOf("opera") == -1)
	{
		elementText = document.getElementById("text");
		elementText = elementText['scrollHeight'];
		

		elementNavi = document.getElementById("links_gruen");
		elementNavi = elementNavi['scrollHeight'];
	}
	// Alles andere
	else
	{
		elementText = getStyle(document.getElementById("content"), "height")
		//elementText = getStyle(document.getElementById("text"), "height")
		elementText = parseInt(elementText);
		
		elementNavi = getStyle(document.getElementById("links_gruen"), "height")
		elementNavi = parseInt(elementNavi);
	}

	// Nach dem Größeren Elemen sich richten	
	if(elementText > elementNavi)
	{
		element = elementText;
	}
	else
	{
		element = elementNavi;
	}
}

/*
 * Liest die Bilder aus dem Bilderblock
 */
function getBilder()
{
	var bilderblock = "";
	var htmlText = "";
	var tempAray = new Array();
	var tempBilder = new Array();
	var script = false;
	var i, j;
	
	// Inhalt aus dem Bilderblock lesen
	bilderblock = document.getElementById("bilderblock");
	htmlText = bilderblock.innerHTML
	tempAray = htmlText.split("\n");
	
	// Whitespaces entfernen und nur gültige Zeilen lesen
	j = 0;
	for(i = 0; i < tempAray.length; i++)
	{
		if(trim(tempAray[i]) != ""
			&& trim(tempAray[i]) != "/*"
			&& trim(tempAray[i]) != "*/"
			&& trim(tempAray[i]) != "<!--"
			&& trim(tempAray[i]) != "-->")
		{
			tempBilder[j] = trim(tempAray[i].toLowerCase());
			j++;
		}
	}

	// Script Bilder zusammenstellen
	j = 0;
	for(i = 0; i < tempBilder.length; i++)
	{
		if(tempBilder[i] == "<script type=\"text/javascript\">"
			|| tempBilder[i] == "<script type=text/javascript>")
		{
			script = true;
		}
		
		if(tempBilder[i] == "</script>")
		{
			script = false;
		}
		
		if(script)
		{
			if(tempBilder[i] != "<script type=\"text/javascript\">"
				&& tempBilder[i] != "<script type=text/javascript>")
			{
				bilderScript[j] = tempBilder[i]
				j++;
			}
		}
	}
}

/*
 * Erzeug den Bilderblock
 */
function setBilder()
{
	var anzahl = parseInt(element / height);
	var text = "";
	
	// Inhgalt löschen
	document.getElementById("bilderblock").innerHTML = "";
	
	// prüfen, ob genug Bilder vorgegeben sind
	if(anzahl > bilderScript.length)
	{
		anzahl = bilderScript.length;
	}
	
	for(i = 0; i < anzahl; i++)
	{
		text += bilderScript[i] + "\n";
	}
	
	document.getElementById("bilderblock").innerHTML = text;
}

/*
 * Liest aus einer externen CSS Datei die value werte aus
 */
function getStyle(oElm, strCssRule)
{
	var strValue = "";
	
	if(document.defaultView && document.defaultView.getComputedStyle)
	{
		strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
	}
	else if(oElm.currentStyle)
	{
		strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){return p1.toUpperCase();});
		strValue = oElm.currentStyle[strCssRule];
	}

	return strValue;
}

/*
 * Entfernt Whitespaces
 */
function trim(zeichenkette)
{
	return zeichenkette.replace (/^\s+/, '').replace (/\s+$/, '');	
}