<?xml version="1.0"?>
<skin name="dropmenu_skin" version="0.0">

	<!-- shared variables -->
	
	<variables>
		<variable key="asset"	value="habbo_bitmap_skin_png"	type="String"	/>
	</variables>
	
	<!-- the following maps layouts for render states -->
	
	<states>
		
		<state name="default" layout="dropmenu_frame" template="dropmenu_frame_default" />
		<!-- <state name="active"  layout="dropmenu_frame" template="dropmenu_frame_default" /> -->
		<!-- <state name="pressed" layout="dropmenu_frame" template="dropmenu_frame_default" /> -->
		
		<state name="default" layout="dropmenu_button" template="dropmenu_button_default" />
		<!-- <state name="active"  layout="dropmenu_button" template="dropmenu_button_default" /> -->
		<!-- <state name="pressed" layout="dropmenu_button" template="dropmenu_button_default" /> -->
		
		<state name="default"  layout="dropmenu_item" template="dropmenu_item_default" />
		<state name="pressed"  layout="dropmenu_item" template="dropmenu_item_select" />
		<state name="hovering" layout="dropmenu_item" template="dropmenu_item_hover"  />
		<state name="selected" layout="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="164" y="0"  width="3" height="3" /></region></entity>
				<entity name="top_center"	type="bitmap"><region><Rectangle x="167" y="0"  width="1" height="3" /></region></entity>
				<entity name="top_right"	type="bitmap"><region><Rectangle x="185" y="0"  width="3" height="3" /></region></entity>
				<entity name="mid_left"		type="bitmap"><region><Rectangle x="164" y="3"  width="3" height="1" /></region></entity>
				<entity name="mid_center"	type="bitmap"><region><Rectangle x="167" y="3"  width="1" height="1" /></region></entity>
				<entity name="mid_right"	type="bitmap"><region><Rectangle x="185" y="3"  width="3" height="1" /></region></entity>
				<entity name="btm_left"		type="bitmap"><region><Rectangle x="164" y="19" width="3" height="3" /></region></entity>
				<entity name="btm_center"	type="bitmap"><region><Rectangle x="167" y="19" width="1" height="3" /></region></entity>
				<entity name="btm_right"	type="bitmap"><region><Rectangle x="185" y="19" width="3" height="3" /></region></entity>
				<entity name="arrow"		type="bitmap"><region><Rectangle x="168" y="1"  width="16" 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="168" y="1" width="18" height="19" /></region></entity>
			</entities>
		</template>
		
		<!-- Single menu item -->
	
		<template name="dropmenu_item_default" asset="$asset">
			<entities>
				<entity name="white" type="bitmap"><region><Rectangle x="190" y="0" width="1" height="1" /></region></entity>
			</entities>
		</template>

		<template name="dropmenu_item_hover" asset="$asset">
			<entities>
				<entity name="white" type="bitmap"><region><Rectangle x="190" y="20" width="1" height="1" /></region></entity>
			</entities>
		</template>
		
		<template name="dropmenu_item_select" asset="$asset">
			<entities>
				<entity name="white" type="bitmap"><region><Rectangle x="190" y="40" width="1" height="1" /></region></entity>
			</entities>
		</template>
		
	</templates>
	
	<!-- markup for layout drawer -->
	
	<layouts>
	
		<!-- Frame -->
		
		<layout name="dropmenu_frame" transparent="false">
			<entities>
				<entity name="top_left"	 ><region><Rectangle x="0"  y="0"  width="3"  height="3" /></region><scale horizontal="fixed"   vertical="fixed"  /></entity>
				<entity name="top_center"><region><Rectangle x="3"  y="0"  width="20" height="3" /></region><scale horizontal="strech"  vertical="fixed"  /></entity>
				<entity name="top_right" ><region><Rectangle x="23" y="0"  width="3"  height="3" /></region><scale horizontal="move"    vertical="fixed"  /></entity>
				<entity name="mid_left"	 ><region><Rectangle x="0"  y="3"  width="3"  height="16" /></region><scale horizontal="fixed"  vertical="strech" /></entity>
				<entity name="mid_center"><region><Rectangle x="3"  y="3"  width="20" height="16" /></region><scale horizontal="strech" vertical="strech" /></entity>
				<entity name="mid_right" ><region><Rectangle x="23" y="3"  width="3"  height="16" /></region><scale horizontal="move"   vertical="strech" /></entity>
				<entity name="btm_left"	 ><region><Rectangle x="0"  y="19" width="3"  height="3" /></region><scale horizontal="fixed"   vertical="move"   /></entity>
				<entity name="btm_center"><region><Rectangle x="3"  y="19" width="20" height="3" /></region><scale horizontal="strech"  vertical="move"   /></entity>
				<entity name="btm_right" ><region><Rectangle x="23" y="19" width="3"  height="3" /></region><scale horizontal="move"    vertical="move"   /></entity>
				<entity name="arrow"     ><region><Rectangle x="5"  y="2"  width="16" height="16"/></region><scale horizontal="move"    vertical="fixed"  /></entity>
			</entities>

		</layout>

		<!-- Button -->
		
		<layout name="dropmenu_button" transparent="false">
			<entities>
				<entity name="button"><region><Rectangle x="11" y="2" width="16" height="16" /></region><scale horizontal="fixed" vertical="fixed" /></entity>
			</entities>
		</layout>
		
		<!-- Single menu item -->
		
		<layout name="dropmenu_item" transparent="false">
			<entities>
				<entity name="white"><region><Rectangle x="0" y="0" width="5" height="19" /></region><scale horizontal="strech" vertical="strech" /></entity>
			</entities>
		</layout>
		
	</layouts>
	
</skin>