Submenu mouse clicks not registering

Question

I really don't know half of what I'm doing when it comes to Action Script 3. Through a lot of trial and error, I finally have my menu with submenus displaying properly, but just not functioning the way that I have intended. The submenu items appear when a mouse over registers on the mainmenu item. The submenu mouse rollovers are registering correctly because the right content is displayed and the alpha channel changes are registering. The problem is with the mouse clicks for the submenu items. I don't understand why but a mouse click on a submenu button is registering as a click on the mainmenu item, not the submenu item. Could someone please explain to me why the rollover function is working and not the mouse click, and what I need to do to fix my code? I hate to admit it, but I am really clueless here.
Here is my website:  www.deyonjonson.com
And here is the relevant part of my code:
SWFAddress.addEventListener(SWFAddressEvent.CHANGE, SWFAddress_changed);
menu1.alpha = 0.5;
menu1.buttonMode = true;
menu1.useHandCursor = true;
menu1.menu1A.visible = false;
menu1.menu1B.visible = false;
menu1.menu1C.visible = false;
menu1.addEventListener(MouseEvent.ROLL_OVER,onOver1);
menu1.addEventListener(MouseEvent.ROLL_OUT,onOut1);
menu1.addEventListener(MouseEvent.CLICK,onClick1);
menu1.menu1A.addEventListener(MouseEvent.ROLL_OVER,onOver1A);
menu1.menu1A.addEventListener(MouseEvent.ROLL_OUT,onOut1A);
menu1.menu1A.addEventListener(MouseEvent.CLICK,onClick1A);
menu1.menu1B.addEventListener(MouseEvent.ROLL_OVER,onOver1B);
menu1.menu1B.addEventListener(MouseEvent.ROLL_OUT,onOut1B);
menu1.menu1B.addEventListener(MouseEvent.CLICK,onClick1B);
menu1.menu1C.addEventListener(MouseEvent.ROLL_OVER,onOver1C);
menu1.menu1C.addEventListener(MouseEvent.ROLL_OUT,onOut1C);
menu1.menu1C.addEventListener(MouseEvent.CLICK,onClick1C);
function SWFAddress_changed(e:SWFAddressEvent) {
switch (e.value) {
case "/index":
gotoAndStop("main");
break;
case "/cycling/amgen2010/":
gotoAndStop("cycling_amgen2010");
break;
case "/cycling/amgen2009/":
gotoAndStop("cycling_amgen2009");
break;
case "/cycling/amgen2008/":
gotoAndStop("cycling_amgen2008");
break;
function onOver1(e:MouseEvent):void {
my_ssp.loadContent(0);
SWFAddress.setStatus("index");
menu1.alpha = 1;
menu1.menu1A.alpha = 0.5;
menu1.menu1B.alpha = 0.5;
menu1.menu1C.alpha = 0.5;
menu1.menu1A.visible = true;
menu1.menu1B.visible = true;
menu1.menu1C.visible = true;
function onOut1(e:MouseEvent):void {
SWFAddress.resetStatus();
menu1.alpha = 0.5;
menu1.menu1A.visible = false;
menu1.menu1B.visible = false;
menu1.menu1C.visible = false;
function onClick1(e:MouseEvent):void {
SWFAddress.setValue("index");
// menu1A
function onOver1A(e:MouseEvent):void {
my_ssp.loadContent(1);
SWFAddress.setStatus("cycling/amgen2010/");
menu1.alpha = 1;
menu1.menu1A.alpha = 1.0;
menu1.menu1B.alpha = 0.5;
menu1.menu1C.alpha = 0.5;
function onOut1A(e:MouseEvent):void {
SWFAddress.resetStatus();
menu1.alpha = .5;
menu1.menu1A.alpha = 0;
menu1.menu1B.alpha = 0;
menu1.menu1C.alpha = 0;
function onClick1A(e:MouseEvent):void {
SWFAddress.setValue("cycling/amgen2010/");
// menu1B
function onOver1B(e:MouseEvent):void {
my_ssp.loadContent(2);
SWFAddress.setStatus("cycling/amgen2009/");
menu1.alpha = 1;
menu1.menu1A.alpha = 0.5;
menu1.menu1B.alpha = 1;
menu1.menu1C.alpha = 0.5;
function onOut1B(e:MouseEvent):void {
SWFAddress.resetStatus();
menu1.alpha = .5;
menu1.menu1A.alpha = 0;
menu1.menu1B.alpha = 0;
menu1.menu1C.alpha = 0;
function onClick1B(e:MouseEvent):void {
SWFAddress.setValue("cycling/amgen2009/");
//menu1C
function onOver1C(e:MouseEvent):void {
my_ssp.loadContent(3);
SWFAddress.setStatus("cycling/amgen2008/");
menu1.alpha = 1;
menu1.menu1A.alpha = 0.5;
menu1.menu1B.alpha = 0.5;
menu1.menu1C.alpha = 1;
function onOut1C(e:MouseEvent):void {
SWFAddress.resetStatus();
menu1.alpha = .5;
menu1.menu1A.alpha = 0;
menu1.menu1B.alpha = 0;
menu1.menu1C.alpha = 0;
function onClick1C(e:MouseEvent):void {
SWFAddress.setValue("cycling/amgen2008/");
Any guidance on how to clear this up would be greatly appreciated.
Thank you!

Answer 1

This is kind of a dirty rotten problem.  Your submenus are inside the main menu right?  So when you click on a submenu item (i.e. menu1A), you are also clicking on the main menu (menu1).  Technically both click events fire (menu1a is first, menu1 is second). A better way to think about it is:  If you are doing construction on your bathroom you are doing construction on your house since the bathroom is in your house.  Confusing, right?
To fix this, you want to "cancel" the click event for menu1 if you click on one of the sub menu items. Add this line into each of your sub menu functions:
e.stopImmediatePropagation();
So one of your functions would look like this:
function onClick1A(e:MouseEvent):void {
e.stopImmediatePropagation();
SWFAddress.setValue("cycling/amgen2010/");