/* *
  * Creates correct object for current browser
  */
function fnGetObj(name) {
	if (document.getElementById) {
		this.obj = document.getElementById(name);
		this.style = document.getElementById(name).style;
	}
	else if (document.all) {
		this.obj = document.all[name];
		this.style = document.all[name].style;
	}
	else if (document.layers) {
		this.obj = document.layers[name];
		this.style = document.layers[name];
	}
}

function fnPopUpImage(p_sId) {
	sPopUpLayerId = "popUpLayer";
	sPopUpLayerParentId = "popUpLayerParent";
	sImagesPath = "images/";
	sId = p_sId;
	
	//Check for existing popUpLayer instance
	if (typeof bPopUpLayer != "undefined" && bPopUpLayer) {
		fnRemovePopUpImage();
	}
	else {
		bPopUpLayer = false;
	}
	
	objImage = new fnGetObj(sId);
	
	sImageURL = objImage.obj.src;
	sImageURLLength = objImage.obj.src.length;
	
	sImageExtension = sImageURL.substring(sImageURLLength -4, sImageURLLength);
	sTmpImageURL = sImageURL.substring(0, sImageURLLength - 4);
	sZoomImageURL = sTmpImageURL + "_zoom" + sImageExtension;
	
	//Create popUp Layer
	popUpLayer = document.createElement(sPopUpLayerId);
	
	//Add the layer to the document
	objPopUpLayerParent = new fnGetObj(p_sId);
	objPopUpLayerParent = objPopUpLayerParent.obj.parentNode.childNodes[0];
	objPopUpLayerParent.appendChild(popUpLayer);
	
	popUpLayer.setAttribute("id", sPopUpLayerId);
	popUpLayer.innerHTML = "<a onclick='fnRemovePopUpImage()'><div id='popUpHeader'><h3>Click to close</h3></div><img src='" + sZoomImageURL + "'>";
	
	bPopUpLayer = true;
}

function fnRemovePopUpImage() {
	//objPopUpLayerParent = new fnGetObj(sPopUpLayerParentId);	
	objPopUpLayerParent.removeChild(objPopUpLayerParent.childNodes[0]);
	bPopUpLayer = false;
}