diff --git a/src/main/scala/app/PullRequestsController.scala b/src/main/scala/app/PullRequestsController.scala
index e0a56f4..0cd143f 100644
--- a/src/main/scala/app/PullRequestsController.scala
+++ b/src/main/scala/app/PullRequestsController.scala
@@ -80,7 +80,6 @@
           getMilestonesWithIssueCount(owner, name),
           commits,
           diffs,
-          requestCommitId.getName,
           if(issue.closed){
             false
           } else {
diff --git a/src/main/scala/app/RepositoryViewerController.scala b/src/main/scala/app/RepositoryViewerController.scala
index 7c0a1bb..834e133 100644
--- a/src/main/scala/app/RepositoryViewerController.scala
+++ b/src/main/scala/app/RepositoryViewerController.scala
@@ -130,9 +130,12 @@
     JGitUtil.withGit(getRepositoryDir(repository.owner, repository.name)){ git =>
       val revCommit = JGitUtil.getRevCommitFromId(git, git.getRepository.resolve(id))
 
-      repo.html.commit(id, new JGitUtil.CommitInfo(revCommit),
-        JGitUtil.getBranchesOfCommit(git, revCommit.getName), JGitUtil.getTagsOfCommit(git, revCommit.getName),
-        repository, JGitUtil.getDiffs(git, id))
+      JGitUtil.getDiffs(git, id) match { case (diffs, oldCommitId) =>
+        repo.html.commit(id, new JGitUtil.CommitInfo(revCommit),
+          JGitUtil.getBranchesOfCommit(git, revCommit.getName),
+          JGitUtil.getTagsOfCommit(git, revCommit.getName),
+          repository, diffs, oldCommitId)
+      }
     }
   })
   
diff --git a/src/main/scala/util/JGitUtil.scala b/src/main/scala/util/JGitUtil.scala
index 128d640..0b042ca 100644
--- a/src/main/scala/util/JGitUtil.scala
+++ b/src/main/scala/util/JGitUtil.scala
@@ -254,7 +254,7 @@
    * @param page the page number (1-)
    * @param limit the number of commit info per page. 0 (default) means unlimited.
    * @param path filters by this path. default is no filter.
-   * @return a tuple of the commit list and whether has next
+   * @return a tuple of the commit list and whether has next, or the error message
    */
   def getCommitLog(git: Git, revision: String, page: Int = 1, limit: Int = 0, path: String = ""): Either[String, (List[CommitInfo], Boolean)] = {
     val fixedPage = if(page <= 0) 1 else page
@@ -278,7 +278,7 @@
       if(path.nonEmpty){
         revWalk.setRevFilter(new RevFilter(){
           def include(walk: RevWalk, commit: RevCommit): Boolean = {
-            getDiffs(git, commit.getName, false).find(_.newPath == path).nonEmpty
+            getDiffs(git, commit.getName, false)._1.find(_.newPath == path).nonEmpty
           }
           override def clone(): RevFilter = this
         })
@@ -379,8 +379,11 @@
   } catch {
     case e: MissingObjectException => None
   }
-  
-  def getDiffs(git: Git, id: String, fetchContent: Boolean = true): List[DiffInfo] = {
+
+  /**
+   * Returns the tuple of diff of the given commit and the previous commit id.
+   */
+  def getDiffs(git: Git, id: String, fetchContent: Boolean = true): (List[DiffInfo], Option[String]) = {
     @scala.annotation.tailrec
     def getCommitLog(i: java.util.Iterator[RevCommit], logs: List[RevCommit]): List[RevCommit] =
       i.hasNext match {
@@ -399,7 +402,7 @@
     if(commits.length >= 2){
       // not initial commit
       val oldCommit = commits(1)
-      getDiffs(git, oldCommit.getName, id, fetchContent)
+      (getDiffs(git, oldCommit.getName, id, fetchContent), Some(oldCommit.getName))
 
     } else {
       // initial commit
@@ -415,7 +418,7 @@
         }))
       }
       walk.release
-      buffer.toList
+      (buffer.toList, None)
     }
   }
 
diff --git a/src/main/twirl/helper/diff.scala.html b/src/main/twirl/helper/diff.scala.html
index 0360230..43928bc 100644
--- a/src/main/twirl/helper/diff.scala.html
+++ b/src/main/twirl/helper/diff.scala.html
@@ -1,4 +1,7 @@
-@(diffs: Seq[util.JGitUtil.DiffInfo], repository: service.RepositoryService.RepositoryInfo, commitId: Option[String])(implicit context: app.Context)
+@(diffs: Seq[util.JGitUtil.DiffInfo],
+ repository: service.RepositoryService.RepositoryInfo,
+ newCommitId: Option[String],
+ oldCommitId: Option[String])(implicit context: app.Context)
 @import context._
 @import view.helpers._
 @import org.eclipse.jgit.diff.DiffEntry.ChangeType
@@ -9,17 +12,27 @@
       <th style="font-weight: normal;" class="box-header">
         @if(diff.changeType == ChangeType.COPY || diff.changeType == ChangeType.RENAME){
           @diff.oldPath -> @diff.newPath
+          @if(newCommitId.isDefined){
+            <div class="pull-right align-right">
+              <a href="@url(repository)/blob/@newCommitId.get/@diff.newPath" class="btn btn-small">View file @@ @newCommitId.get.substring(0, 10)</a>
+            </div>
+          }
         }
         @if(diff.changeType == ChangeType.ADD || diff.changeType == ChangeType.MODIFY){
           @diff.newPath
+          @if(newCommitId.isDefined){
+            <div class="pull-right align-right">
+              <a href="@url(repository)/blob/@newCommitId.get/@diff.newPath" class="btn btn-small">View file @@ @newCommitId.get.substring(0, 10)</a>
+            </div>
+          }
         }
         @if(diff.changeType == ChangeType.DELETE){
           @diff.oldPath
-        }
-        @if(commitId.isDefined){
-          <div class="pull-right align-right">
-            <a href="@url(repository)/blob/@commitId.get/@diff.newPath" class="btn btn-small">View file @@ @commitId.get.substring(0, 10)</a>
-          </div>
+          @if(oldCommitId.isDefined){
+            <div class="pull-right align-right">
+              <a href="@url(repository)/blob/@oldCommitId.get/@diff.oldPath" class="btn btn-small">View file @@ @oldCommitId.get.substring(0, 10)</a>
+            </div>
+          }
         }
       </th>
     </tr>
diff --git a/src/main/twirl/pulls/compare.scala.html b/src/main/twirl/pulls/compare.scala.html
index cb3a2a8..780bd3b 100644
--- a/src/main/twirl/pulls/compare.scala.html
+++ b/src/main/twirl/pulls/compare.scala.html
@@ -134,7 +134,7 @@
       </li>
       }
     </ul>
-    @helper.html.diff(diffs, repository, Some(commitId))
+    @helper.html.diff(diffs, repository, Some(commitId), Some(sourceId))
   }
 }
 <script>
diff --git a/src/main/twirl/pulls/files.scala.html b/src/main/twirl/pulls/files.scala.html
index a2f20d1..d94312d 100644
--- a/src/main/twirl/pulls/files.scala.html
+++ b/src/main/twirl/pulls/files.scala.html
@@ -1,7 +1,8 @@
 @(issue: model.Issue,
   pullreq: model.PullRequest,
   diffs: Seq[util.JGitUtil.DiffInfo],
-  commitId: String,
+  newCommitId: String,
+  oldCommitId: String,
   hasWritePermission: Boolean,
   repository: service.RepositoryService.RepositoryInfo)(implicit context: app.Context)
 @import context._
@@ -33,7 +34,7 @@
   </li>
 }
 </ul>
-@helper.html.diff(diffs, repository, Some(commitId))
+@helper.html.diff(diffs, repository, Some(newCommitId), Some(oldCommitId))
 <script>
 $(function(){
   $('#toggle-file-list').click(function(){
diff --git a/src/main/twirl/pulls/pullreq.scala.html b/src/main/twirl/pulls/pullreq.scala.html
index 1d0d9ca..6c66d8a 100644
--- a/src/main/twirl/pulls/pullreq.scala.html
+++ b/src/main/twirl/pulls/pullreq.scala.html
@@ -3,9 +3,8 @@
   comments: List[model.IssueComment],
   collaborators: List[String],
   milestones: List[(model.Milestone, Int, Int)],
-  commits: Seq[Seq[util.JGitUtil.CommitInfo]],
+  dayByDayCommits: Seq[Seq[util.JGitUtil.CommitInfo]],
   diffs: Seq[util.JGitUtil.DiffInfo],
-  commitId: String,
   hasConflict: Boolean,
   hasWritePermission: Boolean,
   repository: service.RepositoryService.RepositoryInfo,
@@ -14,40 +13,42 @@
 @import view.helpers._
 @html.main("%s - Pull Request #%d - %s/%s".format(issue.title, issue.issueId, repository.owner, repository.name)){
   @html.header("pulls", repository)
-  <div class="pullreq-info">
-    @if(issue.closed) {
-      @comments.find(_.action == "merge").map{ comment =>
-        <span class="label label-info">Merged</span>
-        <a href="@url(comment.commentedUserName)" class="username strong">@comment.commentedUserName</a> merged @commits.flatten.size @plural(commits.flatten.size, "commit")
-        into <code>@pullreq.requestUserName:@pullreq.requestBranch</code> from <code>@pullreq.userName:@pullreq.branch</code>
-        at @datetime(comment.registeredDate)
-      }.getOrElse {
-        <span class="label label-important">Closed</span>
-        <a href="@url(issue.openedUserName)" class="username strong">@issue.openedUserName</a> wants to merge @commits.flatten.size @plural(commits.flatten.size, "commit")
+  @defining(dayByDayCommits.flatten){ commits =>
+    <div class="pullreq-info">
+      @if(issue.closed) {
+        @comments.find(_.action == "merge").map{ comment =>
+          <span class="label label-info">Merged</span>
+          <a href="@url(comment.commentedUserName)" class="username strong">@comment.commentedUserName</a> merged @commits.size @plural(commits.size, "commit")
+          into <code>@pullreq.requestUserName:@pullreq.requestBranch</code> from <code>@pullreq.userName:@pullreq.branch</code>
+          at @datetime(comment.registeredDate)
+        }.getOrElse {
+          <span class="label label-important">Closed</span>
+          <a href="@url(issue.openedUserName)" class="username strong">@issue.openedUserName</a> wants to merge @commits.size @plural(commits.size, "commit")
+          into <code>@pullreq.requestUserName:@pullreq.requestBranch</code> from <code>@pullreq.userName:@pullreq.branch</code>
+        }
+      } else {
+        <span class="label label-success">Open</span>
+        <a href="@url(issue.openedUserName)" class="username strong">@issue.openedUserName</a> wants to merge @commits.size @plural(commits.size, "commit")
         into <code>@pullreq.requestUserName:@pullreq.requestBranch</code> from <code>@pullreq.userName:@pullreq.branch</code>
       }
-    } else {
-      <span class="label label-success">Open</span>
-      <a href="@url(issue.openedUserName)" class="username strong">@issue.openedUserName</a> wants to merge @commits.flatten.size @plural(commits.flatten.size, "commit")
-      into <code>@pullreq.requestUserName:@pullreq.requestBranch</code> from <code>@pullreq.userName:@pullreq.branch</code>
-    }
-  </div>
-  <ul class="nav nav-tabs" id="pullreq-tab">
-    <li class="active"><a href="#discussion">Discussion</a></li>
-    <li><a href="#commits">Commits <span class="badge">@commits.flatten.size</span></a></li>
-    <li><a href="#files">Files Changed <span class="badge">@diffs.size</span></a></li>
-  </ul>
-  <div class="tab-content">
-    <div class="tab-pane active" id="discussion">
-      @pulls.html.discussion(issue, pullreq, comments, collaborators, milestones, hasConflict, hasWritePermission, repository, requestRepositoryUrl)
     </div>
-    <div class="tab-pane" id="commits">
-      @pulls.html.commits(issue, pullreq, commits, hasWritePermission, repository)
+    <ul class="nav nav-tabs" id="pullreq-tab">
+      <li class="active"><a href="#discussion">Discussion</a></li>
+      <li><a href="#commits">Commits <span class="badge">@commits.size</span></a></li>
+      <li><a href="#files">Files Changed <span class="badge">@diffs.size</span></a></li>
+    </ul>
+    <div class="tab-content">
+      <div class="tab-pane active" id="discussion">
+        @pulls.html.discussion(issue, pullreq, comments, collaborators, milestones, hasConflict, hasWritePermission, repository, requestRepositoryUrl)
+      </div>
+      <div class="tab-pane" id="commits">
+        @pulls.html.commits(issue, pullreq, dayByDayCommits, hasWritePermission, repository)
+      </div>
+      <div class="tab-pane" id="files">
+        @pulls.html.files(issue, pullreq, diffs, commits.head.id, commits.last.id, hasWritePermission, repository)
+      </div>
     </div>
-    <div class="tab-pane" id="files">
-      @pulls.html.files(issue, pullreq, diffs, commitId, hasWritePermission, repository)
-    </div>
-  </div>
+  }
 }
 <script>
 $('#pullreq-tab a').click(function (e) {
diff --git a/src/main/twirl/repo/commit.scala.html b/src/main/twirl/repo/commit.scala.html
index f0009a9..fac4c2f 100644
--- a/src/main/twirl/repo/commit.scala.html
+++ b/src/main/twirl/repo/commit.scala.html
@@ -3,7 +3,8 @@
   branches: List[String],
   tags: List[String],
   repository: service.RepositoryService.RepositoryInfo,
-  diffs: Seq[util.JGitUtil.DiffInfo])(implicit context: app.Context)
+  diffs: Seq[util.JGitUtil.DiffInfo],
+  oldCommitId: Option[String])(implicit context: app.Context)
 @import context._
 @import view.helpers._
 @import util.Implicits._
@@ -103,7 +104,7 @@
     </li>
   }
   </ul>
-  @helper.html.diff(diffs, repository, Some(commit.id))
+  @helper.html.diff(diffs, repository, Some(commit.id), oldCommitId)
 }
 <script>
 $(function(){
diff --git a/src/main/twirl/wiki/compare.scala.html b/src/main/twirl/wiki/compare.scala.html
index 2d4db8c..d4f66d9 100644
--- a/src/main/twirl/wiki/compare.scala.html
+++ b/src/main/twirl/wiki/compare.scala.html
@@ -22,5 +22,5 @@
       </div>
     </li>
   </ul>
-  @helper.html.diff(diffs, repository, None)
+  @helper.html.diff(diffs, repository, None, None)
 }