WebGL Navigation Issue

Hello. I am having a WebGL navigation issue.
I have made a project with multiple scenes. 
You start in a room called Enter. Once a symbol is clicked you move into a Hub where you can choose between three different rooms (scenes). You can choose to go to either Room 1, Room 2, or Room3, and then I want the user to go back to the hub to choose a different room. For some reason the navigation will only work if I choose to go to the rooms in the order they are in the scene panel. I want the user to decide which the order they go in each room. 

If I go to room 2 or 3 first, the link to go back to the hub doesn't work at all. Any ideas? 

Right now it only works if I go to room one, then back to the hub, then room 2, then back to the hub, then room 3 and back to the hub.

In each scene I am using the Action Script 

this.bttn_hub.addEventListener(AnEvent.CLICK, function() {
anWebgl.gotoScene("Hub");
});
-to return to the hub. 

Since I am using gotoScene() why can't I go back to the hub no matter what order? 

Here is a photo of the Hub scene. There is a button for room1, a button for room2, and a button for room3. In this image you can see the Actionscript for the room 1 button. 

This shows the button in Room 2 that leads back to the hub 

You can see in the scene panel that I start in scene "Enter", Under that is "Hub", then "Room1", Room2", and then "Room3". As long as I choose to click through in order everything works fine. 

Anyt help would be much appreciated.