Put the top half in the main layout (as it is atm)
Then put the drawer in a group that starts its y pos just above the end of the player. Then the drawer will never show under the main skin part.
Something like this:
<Layout>
//skin part
<group id="abc" x="0" y="50" w="0" h="30" relatw="1"/>
</layout>
<groupdef id="abc">
<group id="mydrawer" />
</groupdef>
<groupdef id="mydrawer">
//button code
</groupdef>
Hope this makes sense