function showDetailPopup(event, aCaption, aImageName, aPopupOnSide, aWidth)
{
	var lPopupDiv = document.getElementById("DetailPopupDiv");
	var lPopupDivCNode = document.getElementById("DetailPopupDivC");
	var lPopupDivBNode = document.getElementById("DetailPopupDivB");
	var lPopupDivLNode = document.getElementById("DetailPopupDivL");
	var lPopupDivRNode = document.getElementById("DetailPopupDivR");
	// alert("showDetailPopup(event.clientX=" + event.clientX + ",event.clientY=" + event.clientY + ")");
	
	if ((lPopupDiv) && (lPopupDivCNode) && (lPopupDivBNode) && (lPopupDivLNode) && (lPopupDivRNode))
	{
		lPopupDivCNode.innerHTML = "<img src='../images/" + aImageName + "'>";
		lPopupDivBNode.innerHTML = "<span class='testimonialTitle'>" + aCaption + "</span>";
		
		if (aPopupOnSide == "right")
		{
			lPopupDivLNode.innerHTML = "<br><br><br><br><img src='../images/popup/DetailPopupPoint.png'>";
			lPopupDivRNode.innerHTML = "";
			lPopupDiv.style.left = mouseX(event) + 40;
			lPopupDiv.style.top = mouseY(event) - 110;
		}
		else
		{
			lPopupDivLNode.innerHTML = "";
			lPopupDivRNode.innerHTML = "<br><br><br><br><img src='../images/popup/DetailPopupPoint.rtl.png'>";
			lPopupDiv.style.left = mouseX(event) - aWidth - 100;
			lPopupDiv.style.top = mouseY(event) - 110;
			
			if (aCaption == "Gift Wrap")
			{
				lPopupDivRNode.innerHTML = "<br><br><br><br><br><br>" + lPopupDivRNode.innerHTML;
				lPopupDiv.style.top = mouseY(event) - 210;
			}
		}

		lPopupDiv.style.visibility = 'visible';
	}
}

function hideDetailPopup()
{
	var lPopupDiv = document.getElementById("DetailPopupDiv");
	var lPopupDivCNode = document.getElementById("DetailPopupDivC");
	var lPopupDivBNode = document.getElementById("DetailPopupDivB");
	var lPopupDivLNode = document.getElementById("DetailPopupDivL");
	var lPopupDivRNode = document.getElementById("DetailPopupDivR");
	
	if (lPopupDiv)
	{
		lPopupDivCNode.innerHTML = "";
		lPopupDivBNode.innerHTML = "";
		lPopupDivLNode.innerHTML = "";
		lPopupDivRNode.innerHTML = "";
		lPopupDiv.style.visibility = 'hidden';
	}
}

function mouseX(evt) {
if (evt.pageX) return evt.pageX;
else if (evt.clientX)
   return evt.clientX + (document.documentElement.scrollLeft ?
   document.documentElement.scrollLeft :
   document.body.scrollLeft);
else return null;
}
function mouseY(evt) {
if (evt.pageY) return evt.pageY;
else if (evt.clientY)
   return evt.clientY + (document.documentElement.scrollTop ?
   document.documentElement.scrollTop :
   document.body.scrollTop);
else return null;
}