<?xml version="1.0" encoding="utf-8"?>
<local:Player
	xmlns:mx="http://www.adobe.com/2006/mxml" 
	xmlns:local="*"
	layout="absolute"
	height="540" width="660"
	backgroundColor="#000000"
	backgroundAlpha="100">
	<mx:Canvas height="100%" width="100%" id="backdrop" backgroundColor="#FFFFFF" x="0" y="0">		
	</mx:Canvas>
	<mx:UIComponent id="videoContainer" height="360" width="640" y="8" x="8"/>
	<mx:Form paddingLeft="80" y="385">
		<mx:FormItem direction="horizontal" horizontalAlign="center">
			<mx:Button id="doRewind" label="rew" enabled="{isConnected}"/>
		<mx:Button label="pause" id="doPlay" enabled="{isConnected}"/>
		<mx:HSlider id="volumeLevel" value=".5" maximum="1"
			enabled="{isConnected}"
			labels="volume"
			labelOffset="2" />
		</mx:FormItem>
		<mx:FormItem label="Server:" labelStyleName="bold">
			<mx:TextInput id="connectStr" width="263" paddingLeft="0"/>
		</mx:FormItem>
		<mx:FormItem label="Stream:" labelStyleName="bold" direction="horizontal">
			<mx:TextInput id="streamStr" width="205"/>
			<mx:Button label="Play" id="connectButton"/>
		</mx:FormItem>
	</mx:Form>
	<mx:HSlider id="slider" x="2" y="370" width="652" height="20"
		enabled="{isConnected}"
		change="movieSeek(event)"
		mouseDown="isScrubbing=true" 
		mouseUp="isScrubbing=false" 
		showTrackHighlight="true" 
		trackSkin="@Embed(source='assets/track.png')" 
		trackHighlightSkin="@Embed(source='assets/highlight.png')" />
	<mx:Text x="5" y="391" fontSize="10" color="#747474" id="playerVersion"/>
	<mx:Button id="doFullscreen"  visible="{isConnected}" icon="@Embed(source='assets/fullscreen.png')" width="30" x="614" y="393"/>
	<mx:Text id="fpsText" x="463.5" y="469" width="167.5"/>
	<mx:Text id="prompt" x="2" y="509" width="658" />
	<mx:Style>
	.alert {color:"0xFF00FF"}
	.bold {font-weight:bold;padding-right:0}
	</mx:Style>
</local:Player>