var items = readCookie();

var fontSm = "<font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"-2\" class=\"sm\">";
var fontNorm = "<font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"-1\">";
var htmlString = "";

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

htmlString += "<tr>\n";
htmlString += "<td width=\"190\"><img src=\"images/shim.gif\" height=\"1\"></td>\n";
htmlString += "<td width=\"70\"><img src=\"images/shim.gif\" height=\"1\"></td>\n";
htmlString += "<td width=\"150\"><img src=\"images/shim.gif\" height=\"1\"></td>\n";
htmlString += "<td width=\"80\"><img src=\"images/shim.gif\" height=\"1\"></td>\n";
htmlString += "<td width=\"40\"><img src=\"images/shim.gif\" height=\"1\"></td>\n";
htmlString += "</tr>";

htmlString += "<tr>\n";
htmlString += "<td bgcolor=\"#508CD8\"><b><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"-2\" color=\"#FFFFFF\" class=\"sm\">&nbsp;Product</font></b></td>\n";
htmlString += "<td bgcolor=\"#508CD8\" bgcolor=\"#508CD8\" align=\"center\"><b><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"-2\" color=\"#FFFFFF\" class=\"sm\">Options</font></b></td>\n";
htmlString += "<td bgcolor=\"#508CD8\" bgcolor=\"#508CD8\" align=\"center\"><b><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"-2\" color=\"#FFFFFF\" class=\"sm\">Quantity</font></b></td>\n";
htmlString += "<td bgcolor=\"#508CD8\" bgcolor=\"#508CD8\" align=\"center\"> <b><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"-2\" color=\"#FFFFFF\" class=\"sm\">Price</font></b></td>\n";
htmlString += "<td bgcolor=\"#508CD8\"><b><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=\"-2\" color=\"#FFFFFF\" class=\"sm\">&nbsp;</font></b></td>\n";
htmlString += "</tr>\n";

htmlString += "<tr>\n";
htmlString += "<td width=\"190\"><img src=\"images/shim.gif\" width=\"1\" height=\"1\"></td>\n";
htmlString += "<td width=\"70\"><img src=\"images/shim.gif\" width=\"1\" height=\"1\"></td>\n";
htmlString += "<td width=\"150\"><img src=\"images/shim.gif\" width=\"1\" height=\"1\"></td>\n";
htmlString += "<td width=\"80\"><img src=\"images/shim.gif\" width=\"1\" height=\"1\"></td>\n";
htmlString += "<td width=\"40\"><img src=\"images/shim.gif\" width=\"1\" height=\"1\"></td>\n";
htmlString += "</tr>";

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=\"itemName" + i + "\" value=\"" + items['itemName'][i] + "\">\n";
  htmlString += " <input type=\"hidden\" name=\"itemId" + i + "\" value=\"" + items['itemId'][i] + "\">\n";
  htmlString += " <input type=\"hidden\" name=\"oldQuantity" + i + "\" value=\"" + items['itemQuantity'][i] + "\"\n";
  htmlString += " <tr>\n";
  htmlString += "  <td bgcolor=\"#CEDFF4\"><b>" + fontSm + items['itemName'][i] + "</font></b></td>\n";
  if (items['itemOptions'][i].length > 0) {
   htmlString += "  <td align=\"center\" bgcolor=\"#FFFFFF\" width=\"70\">" + fontSm + items['itemOptions'][i] + "</font></td>\n";
   htmlString += "  <input type=\"hidden\" name=\"options" + i + "\" value=\"" + items['itemOptions'][i] + "\">\n";
  } else {
   htmlString += "  <td bgcolor=\"#FFFFFF\">" + fontSm + "&nbsp;</font></td>\n";
   htmlString += "  <input type=\"hidden\" name=\"options" + i + "\" value=\"\">\n";
  }
 htmlString += "  <td bgcolor=\"#FFFFFF\" nowrap><b>" + fontSm + "&nbsp; <input type=\"text\" name=\"quantity" + i + "\" size=\"2\" value=\"" + items['itemQuantity'][i] + "\" onChange=\"javascript:updateTotal('buy', " + numItems + ", items);\"> @ $" + toPrice(items['itemPrice'][i]) + " each</font></b></td>\n";
 htmlString += "  <td bgcolor=\"#FFFFFF\"><b>" + fontSm + "&nbsp;$ <input type=\"text\" name=\"price" + i + "\" size=\"5\" value=\"" + toPrice(items['itemQuantity'][i] * items['itemPrice'][i]) + "\" READONLY></font></b></td>\n";
  htmlString += "  <td bgcolor=\"#FFFFFF\" align=\"center\">" + fontSm + "<a href=\"javascript:deleteItem('" + items['itemId'][i] + "', items);\">delete</a></font></td>\n";
  htmlString += " </tr>\n";
 }
 htmlString += " <tr>\n";
 htmlString += "  <td bgcolor=\"#FFFFFF\" colspan=\"3\" align=\"right\"><b>" + fontNorm + "Total:&nbsp;</font></b></td>\n";
 htmlString += "  <td bgcolor=\"#CEDFF4\"><b>" + fontSm + "&nbsp;$ <input type=\"text\" name=\"total\" size=\"5\" READONLY></font></b></td>\n";
 htmlString += "  <td bgcolor=\"#FFFFFF\">" + fontSm + "&nbsp;</font></td>\n";
 htmlString += " </tr>\n";
 htmlString += " <tr>\n";
 htmlString += "  <td bgcolor=\"#FFFFFF\" colspan=\"5\">" + fontSm + "&nbsp;<a href=\"javascript:deleteAll();\">Delete all items</a> &middot; <a href=\"javascript:history.back();\">Continue shopping</a></font></td>\n";

} else {
 htmlString += " <tr>\n";
 htmlString += "  <td colspan=\"5\" bgcolor=\"#CEDFF4\">" + fontNorm + "<div align=\"center\"><b>You have not added any items to your shopping cart.</b></div></font>\n<p>\n<blockquote>" + fontSm + "To add an item, simply click the \"Buy\" button beside a particular product. We have a range of <a href=\"books.html\">books</a>, <a href=\"crocodile_products.html\">crocodile products</a>, <a href=\"leather.html\">exotic leather products</a>, <a href=\"clothing.html\">clothing</a> and <a href=\"artifacts.html\">artifacts</a> to choose from.</font></blockquote></td>\n";
}

htmlString += " </tr>\n";
htmlString += "</table>\n";
htmlString += "<input type=\"hidden\" name=\"cookie_backup\" value=\""+document.cookie+"\">\n";

document.write(htmlString);

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