как заменить 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>