<control-inst xsi:type="buttonbarType" buttonbar-maxitem="40"
	xmlns="http://www.sonyericsson.com/sui" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sonyericsson.com/sui \\Gbmcmsw02\departments\Development\EPSA\Special%20Apps\GandT\sui.xsd" >
	<!-- <background colour="#101010" opacity="0.8" /> --> 
	
	<model xsi:type="CommandModelType" name="command-model" group-id="1" />
	
	<layouts>
		<layout id="portrait">
			<layout-mgr xsi:type="gridDynamicLayoutMgr" fixed-rows="1" fixed-columns="6" max-columns="6" min-columns="6"/>
		</layout>
		<layout id="landscape">
			<layout-mgr xsi:type="gridDynamicLayoutMgr" fixed-rows="1" fixed-columns="6" max-columns="6" min-columns="6"/>
		</layout>
	</layouts>
			
	<configurations>
		<configuration xsi:type="orientationConfigurationType" orientation="portrait" id="portrait"/>
		<configuration xsi:type="orientationConfigurationType" orientation="landscape" id="landscape"/>
	</configurations>
	
	<buttonbar-item>
		<control-inst xsi:type="buttonType" id="1" latchable="false">
			<visuals>
       			<visual xsi:type="listItemVisualType" id="uImage" tag="image">
             		<visual-inst xsi:type="imageVisualType" scale-mode="fit">
						<data data-type="provider">local#image</data>
					</visual-inst>
        		</visual>
	        			
				<visual xsi:type="listItemVisualType" id="sImage" tag="selected-image">
                	<visual-inst xsi:type="imageVisualType" scale-mode="fit">
						<data data-type="provider">local#selected-image</data>
					</visual-inst>
        		</visual>
			</visuals>

			<layouts>
				<layout id="selectedState">
                	<layout-mgr xsi:type="gridLayoutMgr" fixed-rows="1" fixed-columns="1" >
                        <layout-item xsi:type="gridLayoutMgrItemType" min-height="24" min-width="24">
                        	<visual-link visual-id="sImage"/>
                        </layout-item>
                	</layout-mgr>
        		</layout>
        			
				<layout id="unselectedState">
             		<layout-mgr xsi:type="gridLayoutMgr" fixed-rows="1" fixed-columns="1" >
                        <layout-item xsi:type="gridLayoutMgrItemType" min-height="24" min-width="24">
	                        <visual-link visual-id="uImage"/>
                        </layout-item>
                	</layout-mgr>
        		</layout>
			</layouts>
		</control-inst>
	</buttonbar-item>
	
	<transitions>
		<transition-event duration="500">
			<event-filter>
				<filter attribute="event_type" value="on_removal"/>
			</event-filter>
			<tag-filter>
				<filter value="button" />
				<filter value="image" />
				<filter value="selected-image" />
			</tag-filter>
			<transition-effect xsi:type="flyOutEffectType">
				<y-vector direction="top"/>
			</transition-effect>
		</transition-event>		
		<transition-event duration="500">
			<event-filter>
				<filter attribute="event_type" value="on_creation"/>
			</event-filter>
			<tag-filter>
				<filter value="button" />
				<filter value="image" />
				<filter value="selected-image" />
			</tag-filter>					
			<transition-effect xsi:type="flyInEffectType">
				<y-vector direction="top"/>
			</transition-effect>
		</transition-event>	
		<transition-event>
			<event-filter>
				<filter attribute="event_type" value="on_data_change" />
			</event-filter>
			<tag-filter>
				<filter value="button" />
				<filter value="image" />
				<filter value="selected-image" />
			</tag-filter>		
			<transition>
				<transition-effect xsi:type="fadeOutEffectType"  delay="0" duration="500" />
				<transition-effect xsi:type="synchronisationEffectType" delay="500" duration="1" sync-event="update_data"/>
				<transition-effect xsi:type="fadeInEffectType"   delay="500" duration="500" don-not-prepare="true" />
			</transition>
		</transition-event>	
	</transitions>
</control-inst >
