<%@ page language="java" pageEncoding="UTF-8"%>
<script type="text/javascript" src="js/helptip.js"></script>
<link type="text/css" rel="StyleSheet" href="style/helptip.css" />
<table width="581"  border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/cx.gif" width="579" height="100"></td>
</tr>
</table>
<table width="581"  border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="5"></td>
</tr>
</table>
<table width="100%"  border="0" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td align="center" valign="top" style="border:1px solid #D9D9D9;">
	<c:forEach var="dishSortItem" items="${dishSortList}" varStatus="status">
	  <table width="100%"  border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
          <td width="20" height="25" align="center"><img src="<c:url value="/images/icon_arrow_r.gif"/>" border="0"></td> 
          <td class="menu_name">${dishSortItem.name}</td> 
        </tr> 
      </table>
	   <table width="100%"  border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
          <td width="20" height="25" align="center">&nbsp;</td> 
          <td>
		  <table width="100%"  border="0" cellspacing="0" cellpadding="0">
			 <tr> 
			 <c:forEach var="dishItem" items="${dishSortItem.dishs}" varStatus="index">
                <td height="25"><a id="test" class="helpLink" href="#" onclick="showHelpTip(event, '<b>特色:</b><c:out value="${dishItem.shtick}" escapeXml="false"/>', true); return false"><c:out value="${dishItem.name}"/>（<span class="price_normal">￥<c:out value="${dishItem.price}"/></span>）</a><img src="<c:url value="/images/order_ok.gif"/>" border="0"  class="image_button" onclick="javascript:addTocart('${dishItem.id}');" alt="訂購${dishItem.name}"></td> 
				<c:if test="${(index.index+1)%3==0}"></tr><c:if test="${!index.last}"><tr></c:if></c:if>
				<c:if test="${index.last}"></tr></c:if>
			 </c:forEach>
              <tr> 
                <td>&nbsp;</td> 
              </tr> 
            </table></td> 
        </tr> 
      </table>
	  <c:if test="${!status.last}">
      <table width="100%"  border="0" cellspacing="0" cellpadding="0"> 
        <tr> 
          <td height="1" bgcolor="#D9D9D9"></td> 
        </tr> 
      </table> 
	  </c:if>
	</c:forEach>
    </td> 
  </tr> 
</table>