<%@ page language="java" pageEncoding="UTF-8"%>
<table width="581"  border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="5"></td>
</tr>
</table>
<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>
<c:forEach var="dishItem" items="${dishList}" varStatus="index">
<table width="581"  border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="5"></td>
</tr>
</table>
<table width="581"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
     <td bgcolor="#D6D6D6" height="1"></td>
  </tr>
  <tr>
    <td bgcolor="#F9F9F9" style="border-left:1px solid #D6D6D6;border-right:1px solid #D6D6D6;"><table width="100%"  border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="2%" rowspan="3">&nbsp;</td>
        <td width="8%" align="left" style="padding:5px;">
		<c:if test="${empty dishItem.images}">
		<img src="<c:url value="/images/exp2.gif"/>" width="80" height="62" class="image_border" onMouseOver="this.className='image_border_over'" onMouseOut="this.className='image_border'">
		</c:if>
		<c:forEach var="imageItem" items="${dishItem.images}" begin="0" end="0">
		<a href="<c:url value="/upload/"/><c:out value="${imageItem.newname}"/>"  class="thickbox" title="${dishItem.name}" ><img src="<c:url value="/upload/"/><c:out value="${imageItem.newname}"/>" width="80" height="62" class="image_border" onMouseOver="this.className='image_border_over'" onMouseOut="this.className='image_border'" border="0" alt="Single Image"></a>
		</c:forEach>
		</td>
        <td style="padding:5px;" align="left">
		<span style="color:#FF6600;font-weight:bold;">菜 名：</span><span style="color:#666666">${dishItem.name}</span><br>
		<span style="color:#FF6600;font-weight:bold;">價 格：</span><span class="price_normal">￥${dishItem.price}</span><br>
		<span style="color:#FF6600;font-weight:bold;">原 料：</span><span style="color:#666666"><c:out value="${dishItem.material}" escapeXml="false"/></span><br>
		<span style="color:#FF6600;font-weight:bold;">特 色：</span><span style="color:#666666"><c:out value="${dishItem.shtick}" escapeXml="false"/></span>
		</td>
        <td width="2%" rowspan="3">&nbsp;</td>
      </tr>
      <tr id="dish${dishItem.id}" style="display:<c:if test="${index.first}">''</c:if><c:if test="${!index.first}">none</c:if>">
        <td colspan="2" valign="top">
		<table width="100%" cellpadding="0" cellspacing="0">
		<tr>
        <td height="1"bgcolor="#D6D6D6"></td>
        </tr>
      	<tr>
        <td style="padding:5px;" class="menu_detail">
		<c:out value="${dishItem.about}" escapeXml="false"/><p>
		<c:forEach var="imageItem" items="${dishItem.images}" varStatus="index">
		<a href="<c:url value="/upload/"/><c:out value="${imageItem.newname}"/>" class="thickbox" title="${dishItem.name}"><img src="<c:url value="/upload/"/><c:out value="${imageItem.newname}"/>" width="80" height="62" class="image_border" onMouseOver="this.className='image_border_over'" onMouseOut="this.className='image_border'"></a>
		</c:forEach>
		</td>
       </tr>
		</table>
		</td>
       </tr>
    </table></td>
  </tr>
  <tr>
     <td bgcolor="#D6D6D6" height="1"></td>
  </tr>
</table>
<table width="581"  border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td align="right"><img src="images/menu_info.gif"  onClick="javascript:displayDetail('dish${dishItem.id}');" class="image_button">&nbsp;<img src="images/order_menu.gif" class="image_button" onclick="javascript:AddToShoppingCart(${dishItem.id});"></td>
  </tr>
</table>
<div id="notice${dishItem.id}" style="display:none;color:red;height:20px;text-align:center;"></div>
</c:forEach>