function showShoppingCartDropDown()
{
	//if(document.getElementById("divShoppingCartDropDown") != null)
	//	return;
	
	shopCartPos = findPos(document.getElementById("divShoppingCart"));
	/*
	div = document.createElement("div");
	div.id = "divShoppingCartDropDown";
	*/

	
	divTop = document.getElementById("divShoppingCartDropDownTop");
	divMain = document.getElementById("divShoppingCartDropDown");


	if(shopCartPos != null)
	{
		divTop.style.top = (shopCartPos[0] + 87) + 'px';
		divTop.style.left = (shopCartPos[1] + 3) + 'px';
		divTop.style.display = "";
		divTop.style.visibility = "visible";

		divMain.style.top = (shopCartPos[0] + 105) + 'px';
		divMain.style.left = (shopCartPos[1] + 1) + 'px';
		divMain.style.display = "";
		divMain.style.visibility = "visible";
	}
	
	divMain.onmouseout = function(e) {
		var e = e || window.event;
		var tg = document.getElementById('divShoppingCartDropDown');
		var tg2 = document.getElementById('divShoppingCart');
		var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;

		//alert(reltg.id);

		while (reltg != null && reltg != tg && reltg != tg2 && reltg.nodeName != 'BODY' && reltg.tagName != 'HTML') {
			reltg = reltg.parentNode
		}
		if (reltg == tg) return;
		// Mouseout took place when mouse actually left layer
		// Handle event

		try {

			//document.body.removeChild(document.getElementById("divShoppingCartDropDown"))
			var divTop = document.getElementById("divShoppingCartDropDownTop");
			divTop.style.display = "none";
			divTop.style.visibility = "hidden";

			var divMain = document.getElementById("divShoppingCartDropDown");
			divMain.style.display = "none";
			divMain.style.visibility = "hidden";
		}
		catch (err) {
			return;
		}
	}

	document.getElementById("divShoppingCart").onmouseout = divMain.onmouseout; 
	
	/*oldInnerHTML = document.getElementById("divShoppingCart").innerHTML;
	innerHTML = "<table  width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">";
	innerHTML = innerHTML  + oldInnerHTML.substring( oldInnerHTML.toLowerCase().indexOf("<tr>"), oldInnerHTML.toLowerCase().indexOf("</tr>") + 5);
	innerHTML = innerHTML  + "<tr ><td colspan=\"2\">&nbsp;<br></td></tr>"
	innerHTML = innerHTML  + "<tr class=\"shoppingCartDropDownMidlle\"><td colspan=\"2\">current cart<br>test<br>test<br></td></tr>"
	innerHTML = innerHTML  + "<tr class=\"shoppingCartDropDownBottom\"><td colspan=\"2\">&nbsp;</td></tr>"
	innerHTML = innerHTML  + "</table>"
	innerHTML = innerHTML.replace(/<td/g , "<td style=\"padding:0px 14px 0px 13px;\" ");
	innerHTML = innerHTML.replace(/<TD/g , "<TD style=\"padding:0px 14px 0px 13px;\" ");
	div.innerHTML = innerHTML;
	document.body.appendChild(div);
	*/
}

function showCalculations(popupTitle, calcMessage) {
	divCalculations = document.getElementById("divCalculations");
	if (divCalculations == null) {
		divCalculations = document.createElement("div");
		divCalculations.id = "divCalculations";
		document.body.appendChild(divCalculations);
	}
	divCalculations.innerHTML = calcMessage;
	$("#divCalculations").dialog({ title: popupTitle, height: 120, width: 600 });
}