// ------------------------------------------------------------------------------------
function brightOff(myElem) {
	myElem.style.color = "yellow";
}
// ------------------------------------------------------------------------------------
function brightOn(myElem) {
	myElem.style.color = "red";
	;
}
// ------------------------------------------------------------------------------------
function addTo(elem) {
	var symbolId = "img-"+ elem.id;
	document.getElementById(symbolId).style.display = "inline";
}
// ------------------------------------------------------------------------------------
function removeFrom(elem) {
	var symbolId = symbolId = "img-"+ elem.id;
	document.getElementById(symbolId).style.display = "none";
}
// ------------------------------------------------------------------------------------
function explain(myImage) {
 	var previewBase = "pre-0";
 	var num = myImage.id.substring(5,6);
 	var preText = previewBase + num;
 	document.getElementById(preText).style.display = "block";	
}
// ------------------------------------------------------------------------------------
function endExplain(myImage) {
 	var previewBase = "pre-0";
 	var num = myImage.id.substring(5,6);
 	var preText = previewBase + num;
 	document.getElementById(preText).style.display = "none";	
 	}
// ------------------------------------------------------------------------------------
/*
function enlarge(myImage) {
 	var thumbBase = "thu-0";
 	var imageBase = "img-0";
 	var explainBase = "exp-0";
 	var thumb = "";
 	var picture = "";
 	var num = myImage.id.substring(5,6);
 	for (var i=1; i<=6; i++)
 	{
 		thumb = thumbBase + i;
 		picture = imageBase + i;
 		expText = explainBase + i;
 		if (document.getElementById(thumb))
 			{document.getElementById(picture).style.display = "none";
 			document.getElementById(expText).style.display = "none";}
 	};
 	picture = imageBase + num;
 	expText = explainBase + num;
 	document.getElementById(picture).style.display = "block";
 	document.getElementById(expText).style.display = "block";
}
*/
// ------------------------------------------------------------------------------------
function enlarge(myImage) {
 	var thumbBase = "thu-0";
 	var explainBase = "exp-0";
 	var thumb = "";
 	var picture = "largeImage";
	var imagePath = "";
	var pathLength;
 	var num = myImage.id.substring(5,6);
 	var thumbPosition;
// mache alle Erklärungstexte unsichtbar
 	for (var i=1; i<=6; i++)
 	{thumb = thumbBase + i;
 	expText = explainBase + i;
 	if (document.getElementById(thumb))
 		document.getElementById(expText).style.display = "none";
 	};
// zeige Bild und Erklärungstext an
 	expText = explainBase + num;
 	pathLength = myImage.src.length;
 	thumbPosition = myImage.src.search("/image/thumb");
 	imagePath = "./image/" + myImage.src.substring(thumbPosition+13,pathLength);
 	document.getElementById(picture).src = imagePath;
 	document.getElementById(picture).style.display = "block";
 	document.getElementById(expText).style.display = "block";
}
// ------------------------------------------------------------------------------------
function toggleSlavesOf(myElem) {
	var start = myElem.id.search("-")+2;
	var end = start+2; 
	var slaveBase = myElem.id.substring(0,start-2);
	var numberOfSlaves = myElem.id.substring(start,end);
	var slaveId = "";
	for (var i=0; i<numberOfSlaves; i++)
 	{if (i<9) slaveId = slaveBase + "-0" + (i+1)
 		else
 		slaveId = slaveBase + "-" +(i+1);
 	if (document.getElementById(slaveId).style.display == "none") 
 		document.getElementById(slaveId).style.display = "block" 
 		else 
 		document.getElementById(slaveId).style.display = "none";
 	};
}