Borrow previous and next buttons from OneeChan.

src/General/css/layout.css

@@ -11,7 +11,11 @@
 #togglePostForm,
 .boardBanner > div,
 .mobile,
+.next form,
+.next span,
 .postingMode,
+.prev form,
+.prev span,
 .riced,
 .sideArrows,
 .stylechanger,

src/Theming/Style.coffee

@@ -1,9 +1,35 @@
 Style =
   init: ->
+    $.asap (-> d.body), @asapInit
+    $.ready @readyInit
+    @setup()
 
-    $.asap (-> d.body), MascotTools.init
+  asapInit: ->
+    MascotTools.init()
 
-    $.ready ->
+    if g.VIEW is 'index'
+      $.asap (-> $ '.mPagelist'), ->
+
+        prev = $ ".pagelist > .prev"
+        prevA = $.el 'a',
+          textContent: '<'
+        next = $ ".pagelist > .next"
+        nextA = $.el 'a',
+          textContent: '>'
+
+        if (prevAction = prev.firstElementChild).nodeName is 'FORM'
+          prevA.href = 'javascript:;'
+          $.on prevA, 'click', ->
+            prevAction.firstElementChild.click()
+        if (nextAction = next.firstElementChild).nodeName is 'FORM'
+          nextA.href = 'javascript:;'
+          $.on nextA, 'click', ->
+            nextAction.firstElementChild.click()
+
+        $.add prev, prevA
+        $.add next, nextA
+
+  readyInit: ->
     return unless $.id 'navtopright'
 
     # Give ExLinks and 4sight a little time to append their dialog links
@@ -18,8 +44,6 @@ Style =
           setTimeout Rice.nodes, 100
       ), 500
 
-    @setup()
-
   agent:  "<% if (type === 'crx') { %>-webkit-<% } else if (type === 'userscript') { %>-moz-<% } else { %>-o-<% } %>"
 
   sizing: "<% if (type === 'userscript') { %>-moz-<% } else { %><% } %>box-sizing"
@@ -236,7 +260,7 @@ Style =
           true
           _conf['Slideout Navigation'] isnt 'hide'
           _conf['Announcements'] is 'slideout' and $ '#globalMessage', d.body
-          notCatalog and _conf['Slideout Watcher'] and _conf['Thread Watcher']
+          _conf['Thread Watcher'] and _conf['Slideout Watcher']
           $ '#navtopright .exlinksOptionsLink', d.body
           notCatalog and $ 'body > a[style="cursor: pointer; float: right;"]', d.body
           notEither and _conf['Image Expansion']
@@ -268,7 +292,7 @@ Style =
           true
           _conf['Slideout Navigation'] isnt 'hide'
           _conf['Announcements'] is 'slideout' and $ '#globalMessage', d.body
-          notCatalog and _conf['Slideout Watcher'] and _conf['Thread Watcher']
+          _conf['Thread Watcher'] and _conf['Slideout Watcher']
           notCatalog and $ 'body > a[style="cursor: pointer; float: right;"]', d.body
           $ '#navtopright .exlinksOptionsLink', d.body
           notEither