<%@ Register TagPrefix="dnn" TagName="SectionHead" Src="~/controls/SectionHeadControl.ascx" %>
<%@ Control Language="vb" AutoEventWireup="false" Codebehind="ShoppingCart.ascx.vb" Inherits="BizModules.UltraPhotoGallery.ShoppingCart" %>
<asp:Panel ID="pnlShoppingCart" Runat="server">
	<NOSCRIPT>
		<P class="Normal" align="center">
			<asp:Label id="lblJavascript" resourcekey="NeedJavascript" Runat="server"></asp:Label></P>
	</NOSCRIPT>
	<SCRIPT language="javascript">
var UserId = <%=UserId%>;
var PortalId = <%=PortalId%>;
var Locale = "<%=Locale%>";

var header = "		<TABLE cellPadding=3 cellSpacing=0 width=100% border=0> " + 
			"	<tr>" + 
			"		<td class=CartItem_Header width=20>&nbsp;</td>" + 
			"		<td class=CartItem_Header><%=Localize("Thumbnail")%></td>" + 
			"		<td class=CartItem_Header><%=Localize("ItemDetail")%></td>" + 
			"		<td class=CartItem_Header><%=Localize("Price")%>(<%=Currency%>)</td>" + 
			"	</tr>";
var footer = "\n	</TABLE>";

//Invoke Ajax Methods
function UPG_AddToCart(id,tn) // Photo Id and thumbnail
{
	BizModules.UltraPhotoGallery.AjaxDotNet.AddToCart(PortalId, UserId, Locale, id*1,tn,UpdateCart_CallBack);
}
function RemoveItem(downloadId)
{
	if (!window.confirm("<%=Localize("DeleteItem")%>"))
	{
		return;
	}
	BizModules.UltraPhotoGallery.AjaxDotNet.RemoveItem(PortalId, UserId, Locale, downloadId,UpdateCart_CallBack);
}

//Ajax Methods Handlers
function UpdateCart_CallBack(response)
{
	if (response.error != null)
	{ 
		alert("Error occured");
		return;
	}  
	if (response.value.Succeed)
	{
		ClientBind(response.value.CartItems , response.value.DisplayTotal);
	}	
	if(response.value.Message != "")
	{
		alert(response.value.Message)
	}
}
function Page_Load_CallBack(response)
{
	if (response.error != null)
	{ 
		alert("Error occured");
		return;
	}  
	ClientBind(response.value.CartItems , response.value.DisplayTotal);
}
//ClientBind
function ClientBind(cartItems, sum)
{
	dataGrid = document.getElementById("cartDetail");
	if (dataGrid == undefined)
	{
		return false;
	}

	var dataGridHtml = "";
	for (var i = 0; i < cartItems.length ; i++)
	{
		if (cartItems[i].DownloadId != "")
		{
			var deleteImage = "<img src='<%= ResolveUrl("~/images/delete.gif")%>' style='cursor:hand' onclick='RemoveItem(" + cartItems[i].DownloadId + ")'>";
			var cssClass = "CartItem_Normal";
			if ((i-1) / 2 == 0)
			{
				cssClass = "CartItem_Alternating";
			}
			var item = cartItems[i];
			dataGridHtml += "<tr><td class=" + cssClass + ">" + deleteImage + "</td><td class=" + cssClass + "><img src='" + item.Tn +"'></td><td class=" + cssClass + "><span class=CartItem_ItemHeader>" + item.Title + "</span><br>" + item.Description + "</td><td class=" + cssClass + " align=right>" + item.DisplayPrice + "</td></tr>";
		}
	}
	dataGridHtml += "<tr><td colspan=4 class=CartItem_Footer align=right><%=Localize("Total")%>: " + sum + "</td></tr>";
	dataGrid.innerHTML = header + dataGridHtml + footer;
}

addEvent(window,"load" , Page_Load);

function Page_Load()
{
	BizModules.UltraPhotoGallery.AjaxDotNet.GetCart(PortalId, UserId, Locale, Page_Load_CallBack);
}

//Utility
function addEvent(obj, evType, fn)
{
	if (obj.addEventListener)
	{
		obj.addEventListener(evType, fn, false);
		return true;
	}
	else if (obj.attachEvent)
	{
		var r = obj.attachEvent("on"+evType, fn);
		return r;
	}
	else
	{
		alert("Handler could not be attached");
	}
}
	</SCRIPT>
	<TABLE cellSpacing="1" cellPadding="1" width="100%" align="center" border="0">
		<TR>
			<TD>
				<DIV id="cartDetail"></DIV>
			</TD>
		</TR>
		<TR>
			<TD align="right">
				<TABLE>
					<TR>
						<TD>
							<asp:HyperLink class="CommandButton" id="lnkCheckout" resourcekey="Checkout" runat="server"></asp:HyperLink></TD>
						<TD>
							<asp:Image id="imgCart" runat="server" ImageUrl="~/images/rt.gif"></asp:Image></TD>
					</TR>
				</TABLE>
			</TD>
		</TR>
	</TABLE>
</asp:Panel>
<asp:Panel ID="pnlAjax" Runat="server">
<hr size=1>
	<asp:Label id="lblAjaxStatus" Runat="server" CssClass=Normal></asp:Label><p>
	<asp:Button id="cmdAjax" Runat="server"></asp:Button>
</asp:Panel>