// aus kompatibilitätsgründen:
function closeBigLayerPopup() { return closeStilberaterLayerPopup(); }
function SL_showBigLayer() { return SL_showStilberaterLayer(); }

// und jetzt das Ganze nochmal für Kataloge:
var showKatalogMask = false;
// closes Katalog popup
function closeKatalogLayerPopup()
{
	document.getElementById("KatalogMask").style.display = "none";
	document.getElementById("KatalogLayer").style.display = "none";
	showKatalogMask = false;
	return false;
}

// displays Katalog popup
function SL_showKatalogLayer()
{
	if (!showKatalogMask)
	{
		document.getElementById("KatalogMask").style.display = "block";
		document.getElementById("KatalogLayer").style.display = "block";

		var katalogTop = document.getElementById("KatalogLayer").offsetTop;
		var katalogLeft = document.getElementById("KatalogLayer").offsetLeft;
		var katalogWidth = document.getElementById("KatalogLayer").offsetWidth;
		var katalogHeight = document.getElementById("KatalogLayer").offsetHeight;
		var bigWidth = document.getElementById("KatalogMask").offsetWidth;
		var bigHeight = (bigWidth / 4 * 3) - 50;
		document.getElementById("KatalogMask").style.height = "100%";

		var widthDelta = (bigWidth - katalogWidth)/2;
		var heightDelta = (bigHeight - katalogHeight)/2;

		document.getElementById("KatalogLayer").style.left = widthDelta+"px";
		//document.getElementById("KatalogLayer").style.top = heightDelta+"px";
		document.getElementById("KatalogLayer").style.top = "10px";
		showKatalogMask = true;
	}

	return false;
}
// aus kompatibilitätsgründen:
function SL_showKatalog() { 
return SL_showKatalogLayer(); 
}