Вкладывание собственных дочерних элементов в собственный родительский компонент

[bagzone]

Всем привет, сижу мозг парю. Поставил такую задачу, имею родительский компонент Book, в Book'е могут быть страницы, т.е компонент Page, и мне надо чтобы страницы вкладывались в книгу, а не накладывались поверх. Вот пример, рабочий. Куда копать дальше? А то Page рисуется по системе координат самого основного компонента, как и Book.

<s:Application.....
<my:Book>
    <my:Page/>
</my:Book>
</s:Application>

Код каждого из компонентов.

package bookp
{
 
	import flash.display.Sprite;
 
	import mx.containers.Canvas;
 
	public class Book extends Canvas
	{
		public function Book()
		{
			super();
			this.rawChildren.addChild(rect());
		}
 
		public function rect():Sprite
		{
			var c:Sprite = new Sprite();
			c.graphics.beginFill(0x00ff00);
			c.graphics.drawRect(30,30,500,500);
			c.graphics.endFill();
			return c;
		}
	}
}

package bookp
{
 
	import flash.display.Sprite;
 
	import mx.containers.Canvas;
 
	public class Page extends Canvas
	{
		public function Page()
		{
			super();
			this.rawChildren.addChild(circl());
		}
 
		public function circl():Sprite
		{
			var c:Sprite = new Sprite();
			c.graphics.beginFill(0x011f00);
			c.graphics.drawCircle(60,60,50);
			c.graphics.endFill();
			return c;
		}
	}
}