unloadAndStop Problem

I currently have a splash page which uses a variety of tweens to make an animation of a character running. The splash page also has music playing in the background and a small skip button (located in the corner) which is given the instance name “reelButton”.

I want the splash page to link to a loading page (file name “loading_screen.swf”) i have created which uses a black background and an animation of a skull rotating.

When i press the skip button, it does navigate to the loading page but the character running from the splash page and the music is still playing. I know its because i need to use the unloadAndStop command to stop all the movie clips from the splash page. But even with this it still doesnt seem to work.

Below is the code:

var contentLoader:Loader = new Loader();
addChild(contentLoader);
reelButton.addEventListener(MouseEvent.CLICK, reel);
function reel(event:MouseEvent):void {
loadURL(“loading_screen.swf”);
}
function loadURL([COLOR=#004477]url:String):void[/COLOR] {
contentLoader.unloadAndStop();
var request:URLRequest = new URLRequest(url);
contentLoader.load(request);
}

I would greatly appreciate if anyone could help me. Thanks