IntheFlexCommunity

< ?xml version="1.0" encoding="utf-8"? >
<mx:Application 
	xmlns:mx="http://www.adobe.com/2006/mxml" 
	xmlns:containers="com.teotiGraphix.containers.*"
	xmlns:listPanes="components.listPanes.*"
	backgroundGradientColors="[#FFFFFF,#FFFFFF]"
	backgroundColor="#FFFFFF"
	creationComplete="initApp()"
	layout="horizontal">
 
	<!--
		IntheFlexCommunity.mxml
	-->
 
	<mx:Style>
.rotatingListStyles {
	borderColor:#3A75A6;
}
 
.previewPaneStyles {
	cornerRadius:10;	
}		
	</mx:Style>
 
	<mx:Script>
		<![CDATA[
 
			import mx.effects.easing.Back;
 
			[Bindable]
			private var moveEasingFunction:Function; //= Back.easeInOut;
 
			[Bindable]
			private var resizeDuration:Number = 1000;
 
			[Bindable]
			private var moveDuration:Number = 1000;
 
			private function initApp():void
			{
			}
 
		]]>
	</mx:Script>
 
	<!--
			minimizeBarThickness="26"
			previewPaneStyleName="previewPaneStyles"
	-->	
 
	<containers:RotatingListFX id="rotatingList"
		barPlacement="alternate"
 
		previewPaneRenderer="components.previewPanes.TextAreaPreview"
		previewPaneHeight="135"
 
		selectedIndex="3"
		tileLayoutClass="components.layouts.ThreePaneLeft"
		useBarHandCursor="true"
 
		moveEasingFunction="{moveEasingFunction}"
		moveDuration="{moveDuration}"
		resizeDuration="{resizeDuration}"
		resizeEasingFunction="{moveEasingFunction}"
 
		styleName="rotatingListStyles"
 
		change="trace('change event', event.newIndex, event.oldIndex)"
 
		width="520" height="500">
 
		<listPanes:PodListPane
			title="Weblogs"/>
 
		<listPanes:PodListPane
			title="Upcoming events"/>
 
		<listPanes:PodListPane
			title="Recent articles"/> 
 
	</containers:RotatingListFX>
 
</mx:Application>