3 files changed, 70 insertions, 29 deletions

diff --git a/js/controllers/main-menu-controller.js b/js/controllers/main-menu-controller.js
new file mode 100644
index 00000000..5e126617
--- /dev/null
+++ b/js/controllers/main-menu-controller.js
@@ -0,0 +1,43 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+
+
+var Montage = require("montage/core/core").Montage,
+    Component = require("montage/ui/component").Component;
+
+exports.MainMenuController = Montage.create(Component, {
+    deserializedFromTemplate:{
+        value:function () {
+            this.eventManager.addEventListener("executeHelpFAQ", this, false);
+            this.eventManager.addEventListener("executeHelpForums", this, false);
+            this.eventManager.addEventListener("executeHelpTopics", this, false);
+            this.eventManager.addEventListener("executeHelpAbout", this, false);
+        }
+    },
+
+    // Basic help menu handling methods
+    handleExecuteHelpFAQ:{
+        value:function () {
+            window.open('http://www.tetsubo.org/go/ninjafaq');
+        }
+    },
+    handleExecuteHelpForums:{
+        value:function () {
+            window.open('http://www.tetsubo.org/go/ninjaforums');
+        }
+    },
+    handleExecuteHelpTopics:{
+        value:function () {
+            window.open('http://www.tetsubo.org/go/ninjadocs');
+        }
+    },
+    handleExecuteHelpAbout:{
+        value:function () {
+            // TODO
+            console.log("Pull up the about popup");
+        }
+    }
+});
diff --git a/js/data/menu-data.js b/js/data/menu-data.js
index e9e47dc0..34adc82d 100644
--- a/js/data/menu-data.js
+++ b/js/data/menu-data.js
@@ -10,7 +10,7 @@ exports.MenuData = Montage.create( Montage, {
     topLevelMenu: {
         value: [
             {
-                "header": "FILE",
+                "header": "File",
                 "entries": [
                     {
                         "displayText" : "New Project",
@@ -71,7 +71,7 @@ exports.MenuData = Montage.create( Montage, {
                 ]
             },
             {
-                "header": "EDIT",
+                "header": "Edit",
                 "entries": [
                     {
                         "displayText" : "Undo",
@@ -111,7 +111,7 @@ exports.MenuData = Montage.create( Montage, {
                 ]
             },
             {
-                "header": "VIEW",
+                "header": "View",
                 "entries": [
                     {
                         "displayText" : "Zoom In",
@@ -282,7 +282,7 @@ exports.MenuData = Montage.create( Montage, {
                 ]
             },
             {
-                "header": "WINDOW",
+                "header": "Window",
                 "entries": [
                     {
                         "displayText" : "Tools",
@@ -356,41 +356,34 @@ exports.MenuData = Montage.create( Montage, {
                 ]
             },
             {
-                "header": "HELP",
+                "header": "Help",
                 "entries": [
                     {
-                        "displayText" : "About",
+                        "displayText" : "Ninja FAQ",
                         "hasSubMenu" : false,
-                        "enabled": true
+                        "enabled": true,
+                        "action":   "executeHelpFAQ"
                     },
                     {
-                        "displayText" : "FAQ",
+                        "displayText" : "Ninja Forums",
                         "hasSubMenu" : false,
-                        "enabled": true
+                        "enabled": true,
+                        "action":   "executeHelpForums"
                     },
                     {
-                        "displayText" : "Forums",
+                        "displayText" : "Help Topics",
                         "hasSubMenu" : false,
-                        "enabled": true
-                    }
-                ]
-            },
-            {
-                "header": "TEST",
-                "entries": [
-                    {
-                        "displayText" : "Open CSS View",
-                        "hasSubMenu" : false,
-                        "enabled": true
+                        "enabled": true,
+                        "action":   "executeHelpTopics"
                     },
                     {
-                        "displayText" : "Open JS View",
+                        "displayText" : "About Ninja...",
                         "hasSubMenu" : false,
-                        "enabled": true
+                        "enabled": true,
+                        "action":   "executeHelpAbout"
                     }
                 ]
             }
-
         ]
     }
 });
diff --git a/js/ninja.reel/ninja.html b/js/ninja.reel/ninja.html
index 158bcaff..c8625159 100644
--- a/js/ninja.reel/ninja.html
+++ b/js/ninja.reel/ninja.html
@@ -259,6 +259,11 @@
                 "name": "NewFileWorkflowController"
             },
 
+            "mainMenuController": {
+                "module": "js/controllers/main-menu-controller",
+                "name": "MainMenuController"
+            },
+
             "owner": {
                 "module": "js/ninja.reel",
                 "name": "Ninja",
@@ -280,10 +285,10 @@
                     "filePickerController": {"@": "filePickerController"},
                     "newFileController":    {"@": "newFileController"},
                     "documentBar":          {"@": "documentBar"},
-                    "timeline":             {"@": "timeline"}
+                    "timeline":             {"@": "timeline"},
+                    "mainMenuController":   {"@": "mainMenuController"}
                 }
             }
-
         }
     </script>
 
@@ -345,9 +350,9 @@
                         </section>
 
                         <section id="timelineResizer" class="timelineResizer resizeBar"></section>
-                        <section id="breadCrumbTrail">
-                                                        <div id="breadCrumbComponent"></div>
-                                                    </section>
+                            <section id="breadCrumbTrail">
+                                <div id="breadCrumbComponent"></div>
+                            </section>
                         <section id="bottomPanelContainer" class="panelContainer">
                             <section id="timelinePanel" class="panel">
                                 <div id="timelinePanelComponent"></div>