/* --- Image-Hover, alle Bilder in einem benennbaren div werden gewechselt ----------  */
var mouseOvers = new Array();
var mouseOuts = new Array();

function startButtons() {
	var nav = document.getElementById('top_navigation');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)	{
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_over" + suffix;
		imgs[i].number = i;
	}
}

function mouseGoesOver(){this.src = mouseOvers[this.number].src;}
function mouseGoesOut() {this.src = mouseOuts[this.number].src; }

/* --- Image-Hover, alle Bilder in einem benennbaren div werden gewechselt ----------  */
var mouseOvers2 = new Array();
var mouseOuts2 = new Array();

function startFluester() {
	var fluester = document.getElementById('sub_content');
	var imgs2 = fluester.getElementsByTagName('img');
	for (var f=0;f<imgs2.length;f++)	{
		imgs2[f].onmouseover = mouseGoesOver2;
		imgs2[f].onmouseout = mouseGoesOut2;
		var suffix = imgs2[f].src.substring(imgs2[f].src.lastIndexOf('.'));
		mouseOuts2[f] = new Image();
		mouseOuts2[f].src = imgs2[f].src;
		mouseOvers2[f] = new Image();
		mouseOvers2[f].src = imgs2[f].src.substring(0,imgs2[f].src.lastIndexOf('.')) + "_over" + suffix;
		imgs2[f].number = f;
	}
}

function mouseGoesOver2(){this.src = mouseOvers2[this.number].src;}
function mouseGoesOut2() {this.src = mouseOuts2[this.number].src; }