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

[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;
}
}
}