<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/09/17/programmatically-changing-a-flex-accordion-containers-selected-index/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		layout="vertical"
		verticalAlign="middle"
		backgroundColor="white"
		creationComplete="init();" viewSourceURL="srcview/index.html">

	<mx:Script>
		<![CDATA[
			private function init():void {
				slider.maximum = accordion.numChildren -1;
				slider.labels = [0, slider.maximum];
			}

			private function dataTipFunc(item:Object):String {
				return "selectedIndex = " + item.toString();
			}
		]]>
	</mx:Script>

	<mx:ApplicationControlBar dock="true">
		<mx:Label text="selectedIndex:" />
		<mx:HSlider id="slider"
				minimum="0"
				liveDragging="true"
				snapInterval="1"
				tickInterval="1"
				change="accordion.selectedIndex = event.value;"
				dataTipFormatFunction="dataTipFunc"
				dataTipPlacement="bottom" />
	</mx:ApplicationControlBar>

	<mx:Accordion id="accordion"
			historyManagementEnabled="false"
			width="100%"
			height="100%"
			change="slider.value = event.newIndex;">
		<mx:VBox label="One" />
		<mx:VBox label="Two" />
		<mx:VBox label="Three" />
		<mx:VBox label="Four" />
		<mx:VBox label="Five" />
	</mx:Accordion>

</mx:Application>