var items = readCookie();

var htmlString = "";

htmlString += "<table class=\"Buy\" width=\"100%\" border=\"0\" cellspacing=\"1\" cellpadding=\"1\">\n";
var numItems = items['itemName'].length;

htmlString += "<tr>\n";
htmlString += "<td class=\"BuyHead\">Product</td>\n";
htmlString += "<td class=\"BuyHead\" align=\"center\">Quantity</td>\n";
htmlString += "<td class=\"BuyHead\" align=\"center\">Price</td>\n";
htmlString += "<td class=\"BuyHead\" align=\"center\">Del</td>\n";
htmlString += "</tr>\n";

if (numItems > 0) {
htmlString += " <input type=\"hidden\" name=\"numItems\" value=\"" + numItems + "\">\n";
 for (i = 0; i < items['itemName'].length; i++) {
  htmlString += " <input type=\"hidden\" name=\"itemKey" + i + "\" value=\"" + items['itemKey'][i] + "\">\n";
  htmlString += " <input type=\"hidden\" name=\"itemId" + i + "\" value=\"" + items['itemId'][i] + "\">\n";
  htmlString += " <input type=\"hidden\" name=\"itemName" + i + "\" value=\"" + items['itemName'][i] + "\">\n";
  htmlString += " <input type=\"hidden\" name=\"oldQuantity" + i + "\" value=\"" + items['itemQuantity'][i] + "\"\n";
  htmlString += " <tr>\n";
  htmlString += "  <td class=\"BuyItem\">" + items['itemName'][i] + "</td>\n";
  htmlString += "  <input type=\"hidden\" name=\"options" + i + "\" value=\"\">\n";
  htmlString += "  <td class=\"BuyQuantity\">" + "<input type=\"text\" name=\"quantity" + i + "\" size=\"2\" value=\"" + items['itemQuantity'][i] + "\" onChange=\"javascript:updateTotal('buy', " + numItems + ", items);\" class=\"buyInput\" tabindex=\"1\"></td>\n";
  htmlString += "  <td class=\"BuyPrice\">" + "$ <input type=\"text\" name=\"price" + i + "\" size=\"6\" value=\"" + toPrice(items['itemQuantity'][i] * items['itemPrice'][i]) + "\" class=\"buyInput\" readonly></td>\n";
  htmlString += "  <td class=\"BuyDelete\" align=\"center\">" + "<a class=\"buyDelete\" href=\"javascript:deleteItem('" + items['itemKey'][i] + "', items);\"><img src=\"images/x.gif\" width=\"13\" height=\"13\" border=\"0\" vspace=\"0\" hspace=\"0\" alt=\"Delete\"></a></td>\n";
  htmlString += " </tr>\n";
 }

 htmlString += " <tr>\n";
 htmlString += "  <td class=\"BuyShipping\" colspan=\"2\"><b>" + "Super-fast shipping within United States</td>\n";
 htmlString += "  <td class=\"BuyShippingPrice\">" + "FREE!</td>\n";
 htmlString += "  <td class=\"BuyDelete\">" + "&nbsp;</td>\n";
 htmlString += " </tr>\n";
 
 htmlString += " <tr>\n";
 htmlString += "  <td class=\"BuyTotal\" colspan=\"2\" align=\"right\"><b>" + "Total:&nbsp;</td>\n";
 htmlString += "  <td class=\"BuyTotalPrice\">" + "$ <input type=\"text\" name=\"total\" size=\"6\" class=\"buyInput\" readonly></td>\n";
 htmlString += "  <td class=\"BuyDelete\">" + "&nbsp;</td>\n";
 htmlString += " </tr>\n";
 htmlString += " <tr>\n";
 htmlString += "  <td class=\"BuyBottom\" colspan=\"4\">" + "<a class=\"buyBottom\" href=\"javascript:var x=deleteAll();\">Delete all Items</a> &middot; <a class=\"buyBottom\" href=\"javascript:history.back();\">Continue shopping</a><br><img src=\"images/s.gif\" width=\"1\" height=\"2\"></td>\n";

} else {
 htmlString += " <tr>\n";
 htmlString += "  <td class=\"BuyNotAdded\" colspan=\"4\"><p class=\"buyNotAdded\" align=\"center\"><br><b>You have not yet added any items to your shopping cart.</b> </p></td>\n";
}

htmlString += " </tr>\n";
htmlString += "</table>\n";

document.write(htmlString);

if (numItems > 0) {
	updateTotal('buy', numItems, items);
}