var debug;

function init() {
//	debug = window.open("", "debug", "height=200, width=400");
	
	var browser_ok = (document.documentElement) ? 1 : 0;
	if (browser_ok == false)
		alert ("Für die optimale Darstellung unserer Seiten\n benötigen Sie einen modernen Browser!");
}

function einblenden (zahl, top) {
//		debug.document.write ("zahl: " + zahl);
//		debug.document.write ("<br>");
/********************* Hintergrund ändern *****************************/
	hint = "box" + zahl;
//	document.getElementById(hint).style.backgroundColor = "#DAFCB4";
	document.getElementById(hint).style.backgroundColor = "#F0FFF0";
//	document.getElementById(hint).style.backgroundImage = "url(logos/hggruen.jpg)";
//	document.getElementById(hint).style.backgroundRepeat = "repeat";
/********************* Detail-Bild einblenden *****************************/
	bild_ein = "detail_pic" + zahl;
	document.getElementById(bild_ein).style.visibility = "visible";
//******************** Abstand nach obenhin ******************************/
	pixel = top + "px";
	document.getElementById(bild_ein).style.top = pixel;
}

function ausblenden (zahl) {
//		debug.document.write ("zahl: " + zahl);
//		debug.document.write ("<br>");
	document.getElementById(hint).style.backgroundColor = "#FFF";
	hint = "box" + zahl;
	document.getElementById(hint).style.backgroundImage = "";
	
	bild_aus = "detail_pic" + zahl;
	document.getElementById(bild_aus).style.visibility = "hidden";
}

function hint_ein (zahl) {
	hint = "box" + zahl;

//	document.getElementById(hint).style.backgroundColor = "#DAFCB4";
	document.getElementById(hint).style.backgroundColor = "#F0FFF0";
//	document.getElementById(hint).style.backgroundImage = "url(logos/hggruen.jpg)";
//	document.getElementById(hint).style.backgroundRepeat = "repeat";
}

function hint_aus (zahl) {
	hint = "box" + zahl;
	
	document.getElementById(hint).style.backgroundColor = "#FFF";
//	document.getElementById(hint).style.backgroundImage = "";
}