function showInfoLayer(content) {
	document.getElementById("infolayer").innerHTML= content;
	showFloatingBox('infolayer');
}
function hideLayer(d) {
	hideBox(d);
}



// Generisch
function showFloatingBox(d) {
	if(d.length < 1) { return; }
	var dd = document.getElementById(d);
	assignPosition(dd);
	dd.style.display = "block";
}

function hideBox(d) {
	if(d.length < 1) { return; }
	document.getElementById(d).style.display = "none";
}

function toggleBox(d) {
  if(d.length < 1) { return; }
	dd = document.getElementById(d);
	if (dd.style.display == "block") {
		dd.style.display = "none";
	} else {
		dd.style.display = "block";
	}
}

function setClassName(d, className) {
	document.getElementById(d).className = className;
}

function toggleClass (d, c1, c2) {
	dd = document.getElementById(d);
	if (dd.className == c1) {
		dd.className = c2;
	} else {
		dd.className = c1;
	}
}

function assignPosition(dd) {
	dd.style.left = (cX+10) + "px";
	dd.style.top = (cY+10) + "px";
}
