I'm trying to create a menu navigation bar for a site I'm building. I'm having trouble figuring out away to execute a function when a root menuitem is clicked. If you look at the following example if you click the home page link nothing happens. Is there away to fire off a function when you click the homepage item?
<?xml version="1.0"?> <!-- Simple example to demonstrate the MenuBar control. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="initCollections();" > <mx:Script> <![CDATA[ import mx.events.MenuEvent; import mx.controls.Alert; import mx.collections.*; [Bindable] public var menuBarCollection:XMLListCollection; private var menubarXML:XMLList = <> <menuitem label="Home" data="top"/> <menuitem label="Menu With Items" data="top"> <menuitem label="MenuItem 2-A" type="check" data="2A"/> <menuitem type="separator"/> <menuitem label="MenuItem 2-B" > <menuitem label="SubMenuItem 3-A" type="radio" groupName="one" data="3A"/> <menuitem label="SubMenuItem 3-B" type="radio" groupName="one" data="3B"/> </menuitem> </menuitem> </>; // Event handler to initialize the MenuBar control. private function initCollections():void { menuBarCollection = new XMLListCollection(menubarXML); } // Event handler for the MenuBar control's itemClick event. private function menuHandler(event:MenuEvent):void { // Don't open the Alert for a menu bar item that // opens a popup submenu. Alert.show("Label: " + [EMAIL PROTECTED] + "\n" + "Data: " + [EMAIL PROTECTED], "Clicked menu item"); } ]]> </mx:Script> <mx:Panel title="MenuBar Control Example" height="75%" width="75%" paddingTop="10" paddingLeft="10"> <mx:Label width="100%" color="blue" text="Select a menu item."/> <mx:MenuBar labelField="@label" itemClick="menuHandler (event);" dataProvider="{menuBarCollection}" /> </mx:Panel> </mx:Application>

