Double click issue on loading.

Question

Hi guys.  My website has been up and running brillianty, but I have just noticed something.  I have my navigation bar at the top of the page.  To load things, I do
var myMovieClip = new contact_mc();
var myMovieClip2 = new aboutUs_mc();
var myMovieClip3 = new Join();
var myMovieClip4 = new ourWork_mc();
And then
topNav_mc.addEventListener(MouseEvent.CLICK, gotoFunction);
function gotoFunction(event:MouseEvent):void
    for (var i: int=0; i< container_mc.numChildren; i++)
        var child:DisplayObject = container_mc.getChildAt(i);
        container_mc.removeChild(child);
    if (event.target.name == "about_mc")
        container_mc.addChild(myMovieClip2);
        TweenLite.from(myMovieClip2, 1, {alpha:0, rotation:15});
    if (event.target.name == "contact_mc")
        container_mc.addChild(myMovieClip);
        TweenLite.from(myMovieClip, 1, {alpha:0, rotation:15});
    if (event.target.name == "join")
        container_mc.addChild(myMovieClip3);
        TweenLite.from(myMovieClip3, 1, {alpha:0, rotation:15});
    if (event.target.name == "work_mc")
        container_mc.addChild(myMovieClip4);
        TweenLite.from(myMovieClip4, 1, {alpha:0, rotation:15});
As I say, this has been working fine.  But I accidently just clicked a button twice really fast, and it makes the tween stop half way, and the loaded content becomes semi transparent.  I then tried clicking on a button twice for another button, and the same things happened.  It happens when I click twice on one button at quite a fast pace.
Is there any reason this may be happening, or is there anything in my code I can do to stop this from happening?
Many thanks
Nick

Answer 1

One thing you could do is remove the event listener in the function, and then add it back after the tween is complete.