как заменить divider в HDividedBox

[Rusteman]

всем доброго времени суток.
у меня есть две панели которые расположены в HDividedBox, мне необходимо, чтобы на разделителе располагалась кнопка, которая будет скрывать одну из панелей.
Как ее можно добавить, что бы она была поверх разделителя? В нижеприведенном коде, я кнопку вынес отдельно. Помогите плииз! Я в этом деле новичок, так что не судите строго. :) Заранее спасибо!

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
private function hidePnl2():void
{
if (pnl2.width == 10)
{
maximizePnl2.play()

}
else
{
minimizePnl2.play()
}
}
]]>
</mx:Script>

<mx:Resize id="minimizePnl2" widthTo="10" target="{pnl2}"/>
<mx:Resize id="maximizePnl2" widthTo="{hDivBox.width/2}" target="{pnl2}"/>

<mx:HDividedBox width="500" height="200" id="hDivBox">
<mx:Panel width="100%" height="100%" layout="absolute" id="pnl1">
</mx:Panel>
<mx:Panel width="100%" height="100%" layout="absolute" id="pnl2">
</mx:Panel>
</mx:HDividedBox>
<mx:Button x="217" y="220" label="Click Me!" click="hidePnl2();"/>

</mx:Application>