diff --git a/src/components/app/app.ts b/src/components/app/app.ts
index 5c9280c..e7d26f2 100644
--- a/src/components/app/app.ts
+++ b/src/components/app/app.ts
@@ -27,4 +27,15 @@ export default class App extends Vue
         // Debug output TODO: Remove this
         console.log(courses);
     }
+
+    /**
+     * This is called when a navigation tab is clicked
+     *
+     * @param tab Tab name
+     */
+    public onNavigate(tab: string)
+    {
+        // Debug output TODO: Remove this
+        console.log(tab);
+    }
 }
diff --git a/src/components/app/app.vue b/src/components/app/app.vue
index 9e2c45e..53f48ec 100644
--- a/src/components/app/app.vue
+++ b/src/components/app/app.vue
@@ -1,7 +1,7 @@
 <template>
     <div id="app">
         <login v-if="showLogin" v-on:login:courses="onLogin"></login>
-        <navigation :courses="courses"></navigation>
+        <navigation :courses="courses" v-on:navigation:select="onNavigate"></navigation>
     </div>
 </template>
 
diff --git a/src/components/navigation/navigation.ts b/src/components/navigation/navigation.ts
index 2cb719e..861ad02 100644
--- a/src/components/navigation/navigation.ts
+++ b/src/components/navigation/navigation.ts
@@ -24,5 +24,7 @@ export default class Navigation extends Vue
         // Update active index
         this.activeIndex = index;
 
+        // Call custom event
+        this.$emit('navigation:select', this.activeIndex);
     }
 }