<?xml version="1.0"?>
<skin name="illumina_light_skin_dropmenu" version="0.0">

    <!-- shared variables -->

    <variables>
        <variable key="asset"	value="habbo_skin_illumina_light_png"	type="String"	/>
    </variables>

    <!-- the following maps layouts for render states -->

    <states>

        <state name="default" layout="illumina_light_dropmenu_frame" template="dropmenu_frame_default" />
        <state name="hovering"  layout="illumina_light_dropmenu_frame" template="dropmenu_frame_hovering" />
        <!-- <state name="pressed" layout="dropmenu_frame" template="dropmenu_frame_default" /> -->

        <state name="default" layout="illumina_light_dropmenu_button" template="dropmenu_button_default" />
        <state name="hovering"  layout="illumina_light_dropmenu_button" template="dropmenu_button_hover" />
        <state name="pressed" layout="illumina_light_dropmenu_button" template="dropmenu_button_pressed" />

        <state name="default"  layout="illumina_light_dropmenu_item" template="dropmenu_item_default" />
        <state name="pressed"  layout="illumina_light_dropmenu_item" template="dropmenu_item_select" />
        <state name="hovering" layout="illumina_light_dropmenu_item" template="dropmenu_item_hover"  />
        <state name="selected" layout="illumina_light_dropmenu_item" template="dropmenu_item_select"  />

    </states>

    <!-- templates defines regions in bitmap asset -->

    <templates>

        <!-- White frame -->

<!--        <template name="dropmenu_frame_default" asset="$asset">-->
<!--            <entities>-->
<!--                <entity name="top_left" type="bitmap"><region><Rectangle x="10" y= "70" width="6" height="6" /></region></entity>-->
<!--                <entity name="mid_left" type="bitmap"><region><Rectangle x="10" y= "76" width="6" height="11" /></region></entity>-->
<!--                <entity name="btm_left" type="bitmap"><region><Rectangle x="10" y= "87" width="6" height="6" /></region></entity>-->
<!--                <entity name="top_center" type="bitmap"><region><Rectangle x="16" y= "70" width="4" height="6" /></region></entity>-->
<!--                <entity name="mid_center" type="bitmap"><region><Rectangle x="16" y= "76" width="4" height="11" /></region></entity>-->
<!--                <entity name="btm_center" type="bitmap"><region><Rectangle x="16" y= "87" width="4" height="6" /></region></entity>-->
<!--                <entity name="top_right" type="bitmap"><region><Rectangle x="140" y= "70" width="6" height="6" /></region></entity>-->
<!--                <entity name="mid_right" type="bitmap"><region><Rectangle x="140" y= "76" width="6" height="11" /></region></entity>-->
<!--                <entity name="btm_right" type="bitmap"><region><Rectangle x="140" y= "87" width="6" height="6" /></region></entity>-->
<!--                <entity name="arrow" type="bitmap"><region><Rectangle x="20" y= "72" width="22" height="20" /></region></entity>-->
<!--            </entities>-->
<!--        </template>-->

        <template name="dropmenu_frame_default" asset="$asset">
            <entities>
                <entity name="top_left" type="bitmap"><region><Rectangle x="5" y= "184" width="6" height="6" /></region></entity>
                <entity name="mid_left" type="bitmap"><region><Rectangle x="5" y= "190" width="6" height="10" /></region></entity>
                <entity name="btm_left" type="bitmap"><region><Rectangle x="5" y= "200" width="6" height="6" /></region></entity>
                <entity name="top_center" type="bitmap"><region><Rectangle x="11" y= "184" width="4" height="6" /></region></entity>
                <entity name="mid_center" type="bitmap"><region><Rectangle x="11" y= "190" width="4" height="11" /></region></entity>
                <entity name="btm_center" type="bitmap"><region><Rectangle x="11" y= "200" width="4" height="6" /></region></entity>
                <entity name="top_right" type="bitmap"><region><Rectangle x="151" y= "184" width="6" height="6" /></region></entity>
                <entity name="mid_right" type="bitmap"><region><Rectangle x="151" y= "190" width="6" height="11" /></region></entity>
                <entity name="btm_right" type="bitmap"><region><Rectangle x="151" y= "200" width="6" height="6" /></region></entity>
                <entity name="arrow" type="bitmap"><region><Rectangle x="21" y= "187" width="17" height="16" /></region></entity>
            </entities>
        </template>

        <template name="dropmenu_frame_hovering" asset="$asset">
            <entities>
                <entity name="top_left" type="bitmap"><region><Rectangle x="50" y= "184" width="6" height="6" /></region></entity>
                <entity name="mid_left" type="bitmap"><region><Rectangle x="50" y= "190" width="6" height="10" /></region></entity>
                <entity name="btm_left" type="bitmap"><region><Rectangle x="50" y= "200" width="6" height="6" /></region></entity>
                <entity name="top_center" type="bitmap"><region><Rectangle x="56" y= "184" width="4" height="6" /></region></entity>
                <entity name="mid_center" type="bitmap"><region><Rectangle x="56" y= "190" width="4" height="11" /></region></entity>
                <entity name="btm_center" type="bitmap"><region><Rectangle x="56" y= "200" width="4" height="6" /></region></entity>
                <entity name="top_right" type="bitmap"><region><Rectangle x="151" y= "184" width="6" height="6" /></region></entity>
                <entity name="mid_right" type="bitmap"><region><Rectangle x="151" y= "190" width="6" height="11" /></region></entity>
                <entity name="btm_right" type="bitmap"><region><Rectangle x="151" y= "200" width="6" height="6" /></region></entity>
                <entity name="arrow" type="bitmap"><region><Rectangle x="66" y= "187" width="17" height="16" /></region></entity>
            </entities>
        </template>
        <!-- Button with down arrow -->
        <!--
        <template name="dropmenu_button_default" asset="$asset">
            <entities>
                <entity name="button" type="bitmap"><region><Rectangle x="20" y= "70" width="24" height="23" /></region></entity>
            </entities>
        </template>

        <template name="dropmenu_button_hover" asset="$asset">
            <entities>
                <entity name="button" type="bitmap"><region><Rectangle x="60" y= "70" width="24" height="23" /></region></entity>
            </entities>
        </template>

        <template name="dropmenu_button_pressed" asset="$asset">
            <entities>
                <entity name="button" type="bitmap"><region><Rectangle x="100" y= "70" width="24" height="23" /></region></entity>
            </entities>
        </template>
        -->

        <!-- Single menu item -->

        <template name="dropmenu_item_default" asset="$asset">
            <entities>
                <entity name="dropmenu_item" type="bitmap"><region><Rectangle x="142" y= "185" width="1" height="15" /></region></entity>
            </entities>
        </template>

        <template name="dropmenu_item_hover" asset="$asset">
            <entities>
                <entity name="dropmenu_item" type="bitmap"><region><Rectangle x="143" y= "185" width="1" height="15" /></region></entity>
            </entities>
        </template>

        <template name="dropmenu_item_select" asset="$asset">
            <entities>
                <entity name="dropmenu_item" type="bitmap"><region><Rectangle x="144" y= "185" width="1" height="15" /></region></entity>
            </entities>
        </template>

    </templates>

    <!-- markup for layout drawer -->

    <layouts>

        <!-- Frame -->

        <layout name="illumina_light_dropmenu_frame" transparent="false">
            <entities>
                <entity name="top_left"	 ><region><Rectangle x="0"  y="0"  width="6"  height="6" /></region><scale horizontal="fixed"   vertical="fixed"  /></entity>
                <entity name="top_center"><region><Rectangle x="6"  y="0"  width="28" height="6" /></region><scale horizontal="strech"  vertical="fixed"  /></entity>
                <entity name="top_right" ><region><Rectangle x="34" y="0"  width="6"  height="6" /></region><scale horizontal="move"    vertical="fixed"  /></entity>
                <entity name="mid_left"	 ><region><Rectangle x="0"  y="6"  width="6"  height="12" /></region><scale horizontal="fixed"  vertical="strech" /></entity>
                <entity name="mid_center"><region><Rectangle x="6"  y="6"  width="28" height="12" /></region><scale horizontal="strech" vertical="strech" /></entity>
                <entity name="mid_right" ><region><Rectangle x="34" y="6"  width="6"  height="12" /></region><scale horizontal="move"   vertical="strech" /></entity>
                <entity name="btm_left"	 ><region><Rectangle x="0"  y="17" width="6"  height="6" /></region><scale horizontal="fixed"   vertical="move"   /></entity>
                <entity name="btm_center"><region><Rectangle x="6"  y="17" width="28" height="6" /></region><scale horizontal="strech"  vertical="move"   /></entity>
                <entity name="btm_right" ><region><Rectangle x="34" y="17" width="6"  height="6" /></region><scale horizontal="move"    vertical="move"   /></entity>
                <entity name="arrow"	><region><Rectangle x="16" y="2" width="22" height="20" /></region><scale horizontal="move" vertical="fixed" /></entity>
            </entities>

        </layout>

        <!-- Button -->
        <!--
        <layout name="dropmenu_button_3" transparent="false">
            <entities>
                <entity name="button"><region><Rectangle x="16" y="0" width="24" height="23" /></region><scale horizontal="fixed" vertical="fixed" /></entity>
            </entities>
        </layout>
        -->
        <!-- Single menu item -->

        <layout name="illumina_light_dropmenu_item" transparent="false">
            <entities>
                <entity name="dropmenu_item"><region><Rectangle x="0" y="0" width="5" height="19" /></region><scale horizontal="strech" vertical="strech" /></entity>
            </entities>
        </layout>

    </layouts>

</skin>