var activePopup = -1;
var activeCallerId = -1;

function popupClose(nr)
{
	var obj = document.getElementById("idPopup" + nr);
	obj.style.display = "none";
	
	obj = document.getElementById("phProductCatalogContainer");
//	obj.style.visibility = "visible";
	obj.style.display = "block";
	if(activeCallerId!=-1){
		objToDeactivate = document.getElementById(activeCallerId);
		// deaktivieren des vorherigen Elementes
		objToDeactivate.className="";
	}
}

function popupShow(nr)
{
	if(document.getElementById) {
		//prüfen, ob es ein aktives element gibt:
		if(activeCallerId!=-1){
			objToDeactivate = document.getElementById(activeCallerId);
			// deaktivieren des vorherigen Elementes
			objToDeactivate.className="";
		}
	
		// finden des A-tags, welches den Aufruf startet
		var callerObj = document.getElementById("layerCaller" + nr);
		// prüfen ob das A-tag klassenname hat
		if(!callerObj.className) {
			// wenn nicht vorhanden setze einen "leeren" klassennamen
			callerObj.className = "";
		}
		// prüfen ob im klassennamen "activeLC" vorhanden ist
		if(callerObj.className.indexOf("activeLC")==-1) {
			// wenn nicht, dann setze klassenname auf diesen wert
			callerObj.className += " activeLC";
		}
		// festlegen des gehighlighteten A-tags
		activeCallerId = callerObj.id;
		
		var obj = document.getElementById("idPopup" + nr);
		
		var img = obj.getElementsByTagName("img");
		var file = img[0].id;
		file = file.replace(/img_/, "");
		img[0].src = img[0].src.replace(/trans\.gif/, file);
		
		obj.style.display = "block";
		obj.style.visibility = "visible";
		
		obj = document.getElementById("phProductCatalogContainer");
	//	obj.style.visibility = "hidden";
		obj.style.display = "none";
		
		if (activePopup != -1 && activePopup!=nr)
		{
			//alert(activePopup);
			var obj = document.getElementById("idPopup" + activePopup);
			obj.style.display = "none";
			obj.style.visibility = "hidden";
		}
		
		activePopup=nr;
	}
}