Memory increase in a Flex state application

Question

I built a simple Flex state based video application on Flash Builder 4.5. There are 4 states. Everytime I go from State1->State2->State3 or State1->State2->State4, the memory in internet explorer increases, but is not released. What am I not deallocating?
Source Code is here: http://bit.ly/flex_state_video1
View from the detecting loitering objects(http://help.adobe.com/en_US/flashbuilder/using/WSe4e4b720da9dedb5510654d812e4d126514-8000. html#WS6f97d7caa66ef6eb1e63e3d11b6c4d0d21-7ee8) is below
View from the object references(http://help.adobe.com/en_US/flashbuilder/using/WSe4e4b720da9dedb5510654d812e4d126514-8000. html#WS6f97d7caa66ef6eb1e63e3d11b6c4d0d21-7eef) from the topmost Object in the 'loitering objects view' is here

Answer 1

It really depends on your application architecture. The key is to remove all references (including event listeners) to an instance in order for it to garbage collect. This is done by implementing a manual clean up on the instance.
The most basic form looks something like this:
public var view:MyView;
private function load():void
          this.view = new MyView();
          this.addElement(this.view);
private function unload():void
          //make sure to remove any event listeners attached to this.view
          this.removeElement(this.view);
          this.view = null;
This is assuming the above code is in some kind of component, and MyView is the view you want to display.
If you wish, you can initiate the view loading/unloading process by listening for the stateChange event on the parent component.