jsp莫名其妙报错实在找不到解决办法。报错内容在图片上，附上源码！

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
   String path = request.getContextPath();
   String basePath = request.getScheme() + "://"
           + request.getServerName() + ":" + request.getServerPort()
           + path + "/";
%>
<jsp:useBean id="pagination" class="com.wgh.tools.MyPagination"
   scope="session" />

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>显示九宫格日记列表</title>

</head>

<body bgcolor="#F0F0F0">
   <div id="box">
       <%@ include file="top.jsp"%>
       <%@ include file="register.jsp"%>
       <c:if test="${!empty requestScope.diaryList}">
           <c:forEach items="${requestScope.diaryList}" var="diaryList"
               varStatus="id">
<script type="text/javascript">
i++;   //标记变量，用于记录当前页共几条日记
function rotate${id.count }(){
       var param${id.count } = {
           right: document.getElementById("rotRight${id.count }"),
           left: document.getElementById("rotLeft${id.count }"),
           reDefault: document.getElementById("reDefault${id.count }"),
           img: document.getElementById("diary${id.count }"),
           cv: document.getElementById("canvas${id.count }"),
           rot: 0
       };
       var rotate = function(canvas,img,rot){
           //获取图片的高宽
           var w = 400;                       //设置图片的宽度
           var h = 400;                       //设置图片的高度
           //角度转为弧度
           if(!rot){
               rot = 0;
           }
           var rotation = Math.PI * rot / 180;
           var c = Math.round(Math.cos(rotation) * 1000) / 1000;
           var s = Math.round(Math.sin(rotation) * 1000) / 1000;
           //旋转后canvas面板的大小
           canvas.height = Math.abs(c*h) + Math.abs(s*w);
           canvas.width = Math.abs(c*w) + Math.abs(s*h);
           //绘图开始
           var context = canvas.getContext("2d");

           context.save();
           //改变中心点
           if (rotation <= Math.PI/2) {   //旋转角度小于等90度时
               context.translate(s*h,0);
           } else if (rotation <= Math.PI) {   //旋转角度小于等180度时
               context.translate(canvas.width,-c*h);
           } else if (rotation <= 1.5*Math.PI) {   //旋转角度小于等270度时
               context.translate(-c*w,canvas.height);
           } else {
               rot=0;
               context.translate(0,-s*w);
           }
           //旋转90°
           context.rotate(rotation);
           //绘制
           context.drawImage(img, 0, 0, w, h);
           context.restore();
           img.style.display = "none";   //设置图片不显示
       }
       var fun = {
           right: function(){//向右转的方法
               param${id.count }.rot += 90;
               rotate(param${id.count }.cv, param${id.count }.img, param${id.count }.rot);
               if(param${id.count }.rot === 270){
                   param${id.count }.rot = -90;
               }else if(param${id.count }.rot > 270){
                   param${id.count }.rot = -90;
                   fun.right();//调用向右转的方法
               }
           },

           reDefault: function(){//恢复默认的方法
               param${id.count }.rot = 0;
               rotate(param${id.count }.cv, param${id.count }.img, param${id.count }.rot);
           },

           left: function(){//向左转的方法
               param${id.count }.rot -= 90;
               if(param${id.count }.rot <= -90){
                   param${id.count }.rot = 270;
               }
               rotate(param${id.count }.cv, param${id.count }.img, param${id.count }.rot);   //旋转指定角度
           }
       };
       param${id.count }.right.onclick = function(){   //向右转
           param${id.count }.cv.style.display="";//显示画图面板
           fun.right();
           return false;
       };
       param${id.count }.left.onclick = function(){       //向左转
           param${id.count }.cv.style.display="";//显示画图面板
           fun.left();
           return false;
       };
       param${id.count }.reDefault.onclick = function(){//恢复默认
           fun.reDefault();   //恢复默认
           return false;
       };
}
</script>
               <div
                   style="border-bottom-color:#CBCBCB;padding:5px;border-bottom-style:dashed;border-bottom-width: 1px;margin: 10px 20px;color:#0F6548">
                   <font color="#CE6A1F" style="font-weight: bold;font-size:14px;">${diaryList.username}</font>  发表九宫格日记：<b>${diaryList.title}</b>
               </div>
               <div
                   style="margin:10px 10px 0px 10px;background-color:#FFFFFF; border-bottom-color:#CBCBCB;border-bottom-style:dashed;border-bottom-width: 1px;">
                   <div id="diaryImg${id.count }"
                       style="border:1px #DDDDDD solid;width:60px;background-color:#EEEEEE;">

                       <div id="control${id.count }" style="display:none;padding: 10px;">
                           <%
                               String url = request.getRequestURL().toString();
                                       url = url.substring(0, url.lastIndexOf("/"));
                           %>
                           <a href="#"
                               onClick="zoom('${id.count }','${diaryList.address }')">收缩</a>
                              <a
                               href="<%=url %>/images/diary/${diaryList.address }.png"
                               target="_blank">查看原图</a>   <a id="rotLeft${id.count }"
                               href="#">左转</a>   <a id="rotRight${id.count }"
                               href="#">右转</a> <a id="reDefault${id.count }" href="#"
                               style="display:none">恢复默认</a>
                       </div>
                       <img id="diary${id.count }"
                           src="images/diary/${diaryList.address }scale.jpg"
                           style="cursor: url(images/ico01.ico);"
                           onClick="zoom('${id.count }','${diaryList.address }')">
                       <canvas id="canvas${id.count }" style="display:none;"
                           onClick="zoom('${id.count }','${diaryList.address }')"></canvas>
                   </div>
                   <div
                       style="padding:10px;background-color:#FFFFFF;text-align:right;color:#999999;">
                       发表时间：
                       <fmt:formatDate value="${diaryList.writeTime}" type="both"
                           pattern="yyyy-MM-dd HH:mm:ss" />
                       <c:if test="${sessionScope.userName==diaryList.username}">
                           <a
                               href="DiaryServlet?action=delDiary&id=${diaryList.id }&url=${requestScope.url}&imgName=${diaryList.address }">[删除]</a>
                       </c:if>
                   </div>
               </div>
           </c:forEach>
       </c:if>
       <c:if test="${empty requestScope.diaryList}">
暂无九宫格日记！
</c:if>
<script type="text/javascript">
var flag=new Array(i);//定义一个标记数组
window.onload = function(){
   while(i>0){
       eval("rotate"+i)();//执行旋转图片的方法
       flag[i]=true;//初始化一维数组的各个元素
       i--;
   }
};
</script>
       <div style="background-color: #FFFFFF;">
           <%=pagination.printCtrl(
                   Integer.parseInt(request.getAttribute("Page").toString()),
                   "DiaryServlet?action=" + request.getAttribute("url"), "")%>
       </div>
       <%@ include file="bottom.jsp"%>
   </div>
</body>
</html>

标记"}"的语法错误，删除这个标记-缺少分号