<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2008/03/14/setting-or-clearing-the-application-background-image-in-flex/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white"
		applicationComplete="init();" viewSourceURL="srcview/index.html">
	
	<mx:Script>
		<![CDATA[
			import mx.events.ItemClickEvent;

			[Bindable]
			private var defaultBackgroundImage:Class;

			private function init():void {
				defaultBackgroundImage = Application.application.getStyle("backgroundImage");
			}

			private function toggleButtonBar_itemClick(evt:ItemClickEvent):void {
				Application.application.setStyle("backgroundImage", evt.item.data);
			}
		]]>
	</mx:Script>
	
	<mx:Array id="arr">
		<mx:Object label="default" data="{defaultBackgroundImage}" />
		<mx:Object label="null" data="{null}" />
	</mx:Array>
	
	<mx:ApplicationControlBar dock="true">
		<mx:Form styleName="plain">
			<mx:FormItem label="backgroundImage:">
				<mx:ToggleButtonBar id="toggleButtonBar"
						dataProvider="{arr}"
						itemClick="toggleButtonBar_itemClick(event);" />
			</mx:FormItem>
		</mx:Form>
	</mx:ApplicationControlBar>
	
</mx:Application>
