<?xml version="1.0"?>
<skin name="black_button_group_right_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="button_group_right_black" template="default_button_group_right_black" />
		<!-- <state name="active"   layout="button_group_right_black" template="default_button_group_right_black" /> -->
		<state name="pressed"  layout="button_group_right_black" template="selected_button_group_right_black" />
		<state name="selected" layout="button_group_right_black" template="selected_button_group_right_black" />
		<state name="disabled" layout="button_group_right_black" template="disabled_button_group_right_black" />
		<state name="hovering" layout="button_group_right_black" template="hovering_button_group_right_black" />
	</states>
	
	<!-- templates defines regions in bitmap asset -->
	
	<templates>
		<template name="default_button_group_right_black" asset="$asset">
			<entities>
				<entity name="top_left"	  type="bitmap"><region><Rectangle x="90" y="122" width="1" height="3" /></region></entity>
				<entity name="mid_left"	  type="bitmap"><region><Rectangle x="90" y="125" width="1" height="1" /></region></entity>
				<entity name="btm_left"   type="bitmap"><region><Rectangle x="90" y="141" width="1" height="3" /></region></entity>
				<entity name="top_center" type="bitmap"><region><Rectangle x="91" y="100"  width="1" height="3" /></region></entity>
				<entity name="mid_center" type="bitmap"><region><Rectangle x="91" y="103"  width="1" height="1" /></region></entity>
				<entity name="btm_center" type="bitmap"><region><Rectangle x="91" y="119" width="1" height="3" /></region></entity>
				<entity name="top_right"  type="bitmap"><region><Rectangle x="95" y="100"  width="3" height="3" /></region></entity>
				<entity name="mid_right"  type="bitmap"><region><Rectangle x="95" y="103"  width="3" height="1" /></region></entity>
				<entity name="btm_right"  type="bitmap"><region><Rectangle x="95" y="119" width="3" height="3" /></region></entity>
			</entities>
		</template>
		
		<template name="disabled_button_group_right_black" asset="$asset">
			<entities>
				<entity name="top_left"	  type="bitmap"><region><Rectangle x="100" y="122" width="1" height="3" /></region></entity>
				<entity name="mid_left"	  type="bitmap"><region><Rectangle x="100" y="125" width="1" height="1" /></region></entity>
				<entity name="btm_left"   type="bitmap"><region><Rectangle x="100" y="141" width="1" height="3" /></region></entity>
				<entity name="top_center" type="bitmap"><region><Rectangle x="101" y="100" width="1" height="3" /></region></entity>
				<entity name="mid_center" type="bitmap"><region><Rectangle x="101" y="103" width="1" height="1" /></region></entity>
				<entity name="btm_center" type="bitmap"><region><Rectangle x="101" y="119" width="1" height="3" /></region></entity>
				<entity name="top_right"  type="bitmap"><region><Rectangle x="105" y="100" width="3" height="3" /></region></entity>
				<entity name="mid_right"  type="bitmap"><region><Rectangle x="105" y="103" width="3" height="1" /></region></entity>
				<entity name="btm_right"  type="bitmap"><region><Rectangle x="105" y="119" width="3" height="3" /></region></entity>
			</entities>
		</template>
		
		<template name="selected_button_group_right_black" asset="$asset">
			<entities>
				<entity name="top_left"	  type="bitmap"><region><Rectangle x="110" y="122" width="1" height="3" /></region></entity>
				<entity name="mid_left"	  type="bitmap"><region><Rectangle x="110" y="125" width="1" height="1" /></region></entity>
				<entity name="btm_left"   type="bitmap"><region><Rectangle x="110" y="141" width="1" height="3" /></region></entity>
				<entity name="top_center" type="bitmap"><region><Rectangle x="112" y="100" width="1" height="3" /></region></entity>
				<entity name="mid_center" type="bitmap"><region><Rectangle x="112" y="103" width="1" height="1" /></region></entity>
				<entity name="btm_center" type="bitmap"><region><Rectangle x="112" y="119" width="1" height="3" /></region></entity>
				<entity name="top_right"  type="bitmap"><region><Rectangle x="115" y="100" width="3" height="3" /></region></entity>
				<entity name="mid_right"  type="bitmap"><region><Rectangle x="115" y="103" width="3" height="1" /></region></entity>
				<entity name="btm_right"  type="bitmap"><region><Rectangle x="115" y="119" width="3" height="3" /></region></entity>
			</entities>
		</template>
		
		<template name="hovering_button_group_right_black" asset="$asset">
			<entities>
				<entity name="top_left"	  type="bitmap"><region><Rectangle x="109" y="146" width="2" height="3" /></region></entity>
				<entity name="mid_left"	  type="bitmap"><region><Rectangle x="109" y="149" width="2" height="1" /></region></entity>
				<entity name="btm_left"   type="bitmap"><region><Rectangle x="109" y="165" width="2" height="3" /></region></entity>
				<entity name="top_center" type="bitmap"><region><Rectangle x="111" y="146" width="1" height="3" /></region></entity>
				<entity name="mid_center" type="bitmap"><region><Rectangle x="111" y="149" width="1" height="1" /></region></entity>
				<entity name="btm_center" type="bitmap"><region><Rectangle x="111" y="165" width="1" height="3" /></region></entity>
				<entity name="top_right"  type="bitmap"><region><Rectangle x="95"  y="146" width="3" height="3" /></region></entity>
				<entity name="mid_right"  type="bitmap"><region><Rectangle x="95"  y="149" width="3" height="1" /></region></entity>
				<entity name="btm_right"  type="bitmap"><region><Rectangle x="95"  y="165" width="3" height="3" /></region></entity>
			</entities>
		</template>
	</templates>
	
	<!-- markup for layout drawer -->
	
	<layouts>
		<layout name="button_group_right_black" transparent="true">
			<entities>

				<!-- left -->
				
				<entity name="top_left" id="0">
					<region><Rectangle x="0" y="0" width="1" height="3" /></region>
					<scale horizontal="fixed" vertical="fixed" />
				</entity>

				<entity name="mid_left" id="0">
					<region><Rectangle x="0" y="3" width="1" height="16" /></region>
					<scale horizontal="fixed" vertical="strech" />
				</entity>
				
				<entity name="btm_left" id="0">
					<region><Rectangle x="0" y="19" width="1" height="3" /></region>
					<scale horizontal="fixed" vertical="move" />
				</entity>
				
				<!-- center -->
				
				<entity name="top_center" id="1">
					<region><Rectangle x="1"  y="0" width="1" height="3" /></region>
					<scale horizontal="strech" vertical="fixed" />
				</entity>
				
				<entity name="mid_center" id="1">
					<region><Rectangle x="1"  y="3" width="1" height="16" /></region>
					<scale horizontal="strech" vertical="strech" />
				</entity>
				
				<entity name="btm_center" id="1">
					<region><Rectangle x="1"  y="19" width="1" height="3" /></region>
					<scale horizontal="strech" vertical="move" />
				</entity>
				
				<!-- right -->
				
				<entity name="top_right" id="2">
					<region><Rectangle x="2" y="0" width="3" height="3" /></region>
					<scale horizontal="move" vertical="fixed" />
				</entity>
	
				<entity name="mid_right" id="2">
					<region><Rectangle x="2" y="3" width="3" height="16" /></region>
					<scale horizontal="move" vertical="strech" />
				</entity>
				
				<entity name="btm_right" id="2">
					<region><Rectangle x="2" y="19" width="3" height="3" /></region>
					<scale horizontal="move" vertical="move" />
				</entity>
				
			</entities>
		</layout>
	</layouts>
</skin>