if (active_page == 'index' && (""+document.location).match(/\/(index\.html)?(\?|$|#)/))
    +function() {
      $.fn.reverse = [].reverse;

      var board_name = (""+document.location).match(/\/([^\/]+)\/[^/]*$/)[1];
      var fetch_new_threads_debounce;

      var fetch_new_threads_throttled = function() {
        if (fetch_new_threads_debounce) return;
        fetch_new_threads();
        fetch_new_threads_debounce = true;
        setTimeout(() => fetch_new_threads_debounce = false, 500);
      }

      var handle_one_thread = function() {
        var $this = $(this);
        if ($this.find(".new-posts").length <= 0) {
          $this.find("br.clear").before("<div class='new-posts'>"+_("No new posts.")+"</div>");
        }
      };

      $(function() {
        $("hr:first").before("<hr /><div class='new-threads'>"+_("No new threads.")+"</div>");
        $('div[id^="thread_"]').each(handle_one_thread);
        setInterval(fetchNewPosts, 3000);
        setInterval(refreshThreadList, 5000);
      });

      $(document).on("new_post", function(e, post) {
        if (!$(post).hasClass("reply")) {
          handle_one_thread.call(post);
        }
      });

      function fetchNewPosts() {
        $.getJSON(configRoot + board_name + "/0.json", function(j) {
          j.threads.forEach(function(t) {
            var s_thread = $("#thread_" + t.posts[0].no);
            if (s_thread.length) {
              var existingPosts = s_thread.find(".post.reply").length;
              var omitted = s_thread.find(".omitted").text().match(/\d+/);
              var omittedCount = omitted ? parseInt(omitted[0]) : 0;
              var totalReplies = t.posts[0].replies;
              var newPostsCount = totalReplies - (existingPosts + omittedCount);

              if (newPostsCount > 0) {
                loadNewPosts(t.posts[0].no, newPostsCount);
              }
            }
          });
        });
      }

      function loadNewPosts(threadId, count) {
        $.getJSON(`${configRoot}${board_name}/res/${threadId}.json`, function(j) {
            var threadContainer = $("#thread_" + threadId);
            if (!threadContainer.length) return;

            var newPostsDiv = threadContainer.find(".new-posts");
            if (!newPostsDiv.length) {
                threadContainer.append("<div class='new-posts'>" + _("No new posts.") + "</div>");
                newPostsDiv = threadContainer.find(".new-posts");
            }

            var existingReplies = threadContainer.find(".post.reply").map(function() {
                return this.id.replace("reply_", "");
            }).get();

            let newReplies = [];
            j.posts.slice(-count).forEach(function(post) {
                if (!existingReplies.includes(post.no.toString())) {
                    var postHtml = makePostHtml(post);
                    newPostsDiv.before(postHtml);
                    newReplies.push(postHtml);
                }
            });

            var replies = threadContainer.find(".post.reply");
            while (replies.length > 3) {
                replies.first().remove();
                replies = threadContainer.find(".post.reply");
            }

            if (newReplies.length > 0) {
                threadContainer.prependTo("#postcontrols");
            }

            $(document).trigger("dyn_update", [threadContainer.find(".post").slice(-count)]);
        });
      }

      function makePostHtml(post) {
        let imageHtml = post.file ? `
          <div class="file">
            <p class="fileinfo">File: <a href="/${board_name}/src/${post.tim}${post.ext}">${post.tim}${post.ext}</a>
              <span class="unimportant"> (${(post.fsize / 1024).toFixed(1)} KB, ${post.w}x${post.h},
                <a download="${post.filename}${post.ext}" href="/${board_name}/src/${post.tim}${post.ext}"
                   title="Save as original filename (${post.filename}${post.ext})">
                  ${post.filename}${post.ext}
                </a>)
              </span>
            </p>
            <a href="/${board_name}/src/${post.tim}${post.ext}" target="_blank">
              <img class="post-image" src="/${board_name}/src/${post.tim}${post.ext}" style="width:${post.tn_w}px;height:${post.tn_h}px" alt="">
            </a>
          </div>` : '';

        return `<div class='post reply' id='reply_${post.no}'>
                  <p class="intro">
                    <input type="checkbox" class="delete" name="delete_${post.no}" id="delete_${post.no}">
                    <label for="delete_${post.no}">
                      <span class="name">${post.name || "Anonymous"}</span>
                      <time datetime="${post.time ? new Date(post.time * 1000).toISOString() : ''}"
                            data-local="true"
                            title="${post.time ? new Date(post.time * 1000).toLocaleString() : 'Unknown'}">
                        ${post.time ? new Date(post.time * 1000).toLocaleTimeString() : 'Unknown'}
                      </time>
                    </label>
                    <a class="post_no" id="post_no_${post.no}" onclick="highlightReply(${post.no})"
                       href="/${board_name}/res/${post.resto || post.no}.html#${post.no}">No.</a>
                    <a class="post_no" onclick="citeReply(${post.no})"
                       href="/${board_name}/res/${post.resto || post.no}.html#q${post.no}">${post.no}</a>
                  </p>
                  <div class="files">${imageHtml}</div>
                  <div class="body">${post.com || ''}</div>
                </div><br class='clear'>`;
      }

      function refreshThreadList() {
        $.getJSON(configRoot + board_name + "/0.json", function(j) {
            var sortedThreads = j.threads.sort((a, b) => b.posts[0].last_modified - a.posts[0].last_modified);
            var $threadList = $("form[name='postcontrols']");

            var threadMap = {};
            $threadList.children("div[id^='thread_']").each(function() {
              var threadId = $(this).attr("id");
              threadMap[threadId] = $(this);
            });

            $threadList.empty();

            sortedThreads.forEach(thread => {
              var threadId = "thread_" + thread.posts[0].no;
              if (threadMap[threadId]) {
                $threadList.append(threadMap[threadId]);
                updateThreadContent(thread.posts[0].no);
              }
            });
        });
      }

      function updateThreadContent(threadId) {
        $.getJSON(`${configRoot}${board_name}/res/${threadId}.json`, function(j) {
          var threadContainer = $("#thread_" + threadId);
          var newPostsHtml = j.posts.slice(1).map(post => makePostHtml(post)).join('');
          threadContainer.find(".thread-replies").html(newPostsHtml);
        });
      }

    }();