3 files changed, 25 insertions, 1 deletions
diff --git a/src/index.ts b/src/index.ts
index 22b720d..effe262 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -7,6 +7,7 @@
 
 import style from './style';
 import sidebar from './sidebar';
+import index from './index_view';
 import pager from './pager';
 
 var loading_view = document.getElementById('loading');
@@ -18,6 +19,7 @@ var initialize = window.setInterval(function() {
 
 		style();
 		sidebar();
-		pager();
+		index();
+		/* pager(); */
 	}
 }, 500);
diff --git a/src/index_view/index.ts b/src/index_view/index.ts
new file mode 100644
index 0000000..06e3b48
--- /dev/null
+++ b/src/index_view/index.ts
@@ -0,0 +1,5 @@
+import next_previous from './next_previous';
+
+export default function init(): void {
+	next_previous();
+};
diff --git a/src/index_view/next_previous.ts b/src/index_view/next_previous.ts
new file mode 100644
index 0000000..7939bb8
--- /dev/null
+++ b/src/index_view/next_previous.ts
@@ -0,0 +1,17 @@
+import { INDEX, PAGER_NEWER_EL, PAGER_OLDER_EL } from '../gmail_selectors';
+import key_codes from '../key_codes';
+
+export default function(): void {
+	var index = document.querySelector(INDEX);
+
+	index.addEventListener('keydown', function(e: KeyboardEvent) {
+		if (e.keyCode === key_codes.J) {
+			console.log(PAGER_OLDER_EL());
+			PAGER_OLDER_EL().click();
+		}
+		else if (e.keyCode === key_codes.K) {
+			console.log(PAGER_NEWER_EL());
+			PAGER_NEWER_EL().click();
+		}
+	});
+};