Should be simple but need help!

Question

Hi there,
I'm new to AS3, and I'm trying to make a navigation menu. When you roll the mouse over a section, the colour changes to red. I've got this working for the first word, however there are more that need to be added. I have other menu items that I was the exact same thing to happen to, those being tracks_bg, drivers_bg etc. Here's my code that works fine:
import fl.transitions.Tween;
import fl.transitions.easing.*;
about_bg.addEventListener(MouseEvent.MOUSE_OVER, manageMouseOver);
about_bg.addEventListener(MouseEvent.MOUSE_OUT, manageMouseOut);
function manageMouseOver(event:MouseEvent):void{
  //your over code here
    var color_transform:ColorTransform=about_bg.transform.colorTransform;
color_transform.color=0xbf3a3a;
about_bg.transform.colorTransform=color_transform;
    var fadeIn:Tween = new Tween(about_bg, "alpha", Strong.easeOut,0,1,1,true);
function manageMouseOut(event:MouseEvent):void{
  //your out code here
    var color_transform:ColorTransform=about_bg.transform.colorTransform;
color_transform.color=0xffffff;
about_bg.transform.colorTransform=color_transform;
    var fadeOut:Tween = new Tween(about_bg, "alpha", Strong.easeOut,1,0,1,true);
I thought it would be okay to add more event listeners below about_bg, then copy the functions the functions and change the about_bg words to tracks_bg etc. This doesn't work
Here is what I was trying to do:
import fl.transitions.Tween;
import fl.transitions.easing.*;
about_bg.addEventListener(MouseEvent.MOUSE_OVER, manageMouseOver);
about_bg.addEventListener(MouseEvent.MOUSE_OUT, manageMouseOut);
tracks_bg.addEventListener(MouseEvent.MOUSE_OVER, manageMouseOver);
tracks_bg.addEventListener(MouseEvent.MOUSE_OUT, manageMouseOut);
function manageMouseOver(event:MouseEvent):void{
     var color_transform:ColorTransform=about_bg.transform.colorTransform;
color_transform.color=0xbf3a3a;
about_bg.transform.colorTransform=color_transform;
    var fadeIn:Tween = new Tween(about_bg, "alpha", Strong.easeOut,0,1,1,true);
function manageMouseOut(event:MouseEvent):void{
    var color_transform:ColorTransform=about_bg.transform.colorTransform;
color_transform.color=0xffffff;
about_bg.transform.colorTransform=color_transform;
    var fadeOut:Tween = new Tween(about_bg, "alpha", Strong.easeOut,1,0,1,true);
function manageMouseOver(event:MouseEvent):void{
    var color_transform:ColorTransform=tracks_bg.transform.colorTransform;
color_transform.color=0xbf3a3a;
tracks_bg.transform.colorTransform=color_transform;
    var fadeIn:Tween = new Tween(tracks_bg, "alpha", Strong.easeOut,0,1,1,true);
function manageMouseOut(event:MouseEvent):void{
    var color_transform:ColorTransform=tracks_bg.transform.colorTransform;
color_transform.color=0xffffff;
tracks_bg.transform.colorTransform=color_transform;
    var fadeOut:Tween = new Tween(tracks_bg, "alpha", Strong.easeOut,1,0,1,true);
You get the idea. Its long winded and doesn't work anyway. What do I do here? Thanks in advance for any help...

Answer 1

Hey,
Thanks for the answer. I've replaced my code with that and changed it to 'SimpleButton' rather than MovieClip and it works exactly as before. However, I'm still unsure of where to add the buttons. I'm using a master AS layer and not going in them individually.
Here's what I've got now:
import fl.transitions.Tween;
import fl.transitions.easing.*;
about_bg.addEventListener(MouseEvent.MOUSE_OVER, manageMouseOver);
about_bg.addEventListener(MouseEvent.MOUSE_OUT, manageMouseOut);
function manageMouseOver(event:MouseEvent):void
     var btn:SimpleButton = event.target as SimpleButton; //just assume that it is a MovieClip, change to whatever it is i.e. Button
     var color_transform:ColorTransform=btn.transform.colorTransform;
     color_transform.color=0xbf3a3a;
     btn.transform.colorTransform=color_transform;
     var fadeIn:Tween = new Tween(btn, "alpha", Strong.easeOut,0,1,1,true);
function manageMouseOut(event:MouseEvent):void
     var btn:SimpleButton = event.target as SimpleButton; //just assume that it is a MovieClip, change to whatever it is i.e. Button
     var color_transform:ColorTransform=btn.transform.colorTransform;
     color_transform.color=0xffffff;
     btn.transform.colorTransform=color_transform;
    var fadeOut:Tween = new Tween(btn, "alpha", Strong.easeOut,1,0,1,true);
I tried adding: tracks_bg.addEventListener(MouseEvent.MOUSE_OVER, manageMouseOver);
                    tracks_bg.addEventListener(MouseEvent.MOUSE_OUT, manageMouseOut);
^ Below the about event listener lines and it says its an undefined property. Sorry, I'm a noob with this