Animated Roll-on object

Hi dudes

I’m trying to create an animation whereby an object slides on to the stage when the mouse enters the stage, and slides out when the mouse exits.

Everything is working quite nicely, but the problem is when the mouse touches the object, the timeline jumps to a point where the object is offscreen. Then when the mouse exits the timeline plays the exit animation. It’s as if the mouse thinks it’s no longer on the stage when it’s on the object.

**So my question is:

How do I get the object to be unaffected by the mouse?**

Here is my AS:

stop();
this.football_mc.buttonMode=true;

this.football_mc.addEventListener(MouseEvent.MOUSE_OVER, objectin);
this.football_mc.addEventListener(MouseEvent.MOUSE_OUT, objectout);


function objectin (Event:MouseEvent):void{
	this.football_mc.gotoAndPlay("objectin");
}

function objectout (Event:MouseEvent):void{
	this.football_mc.gotoAndPlay("objectout");
}

Thanks!