<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:video="custom.video.*" xmlns:gauge="custom.gauge.*" layout="absolute" width="100%" height="100%" backgroundColor="white" verticalScrollPolicy="off" horizontalScrollPolicy="off" creationComplete="initStuff()">

<mx:Script>
 <![CDATA[
 
 /** 
 CopyLeft http://ep-ars.net
 **/

	import mx.managers.SystemManager;
	import custom.video.SmoothVideoDisplay;
	import mx.controls.Alert;
	import custom.gauge.events.GaugeEvent;
	
    import flash.filters.BitmapFilterQuality;
    import flash.filters.BlurFilter;
	import flash.filters.BevelFilter;
	import mx.utils.ColorUtil;
 
 [Bindable]
 private var movie:String;
 
 private var timer:Timer;
 private var pauseFlag:Boolean;
// private var fullscreenFlag:Boolean;

 private function initStuff():void {
	doAddFullScreenEvent();
	doAddMouseEvent();
	videoDisplay.smoothing = true;
	initDisplay();
	startMouseTimer();
	panel2.alpha = 0.0;
	pauseFlag = false;
//	fullscreenFlag = false;
	movie = Application.application.parameters.movie;
//	movie = "rtmp://88.191.61.220/comptalia.tv/23-JP-Alix-350.flv";
//	movie = "rtmp://88.191.61.220/oflaDemo/live_webcam";
//	Alert.show(movie);
	setVolume(0.75);
	
	// Deco :
	setDeco();
 }
 
 private function setVolume(val:Number):void {
 	volume.value = val*100;
	videoDisplay.volume = val;
 }

 private function setDeco():void {
	//panel2.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1)];
	
	//playPauseBut.filters = [new BlurFilter(2, 2, BitmapFilterQuality.HIGH)];
	//playPauseBut.filters = [new BevelFilter(4,225,ColorUtil.adjustBrightness2(0xFFFFFF,50),1,ColorUtil.adjustBrightness2(0xFFFFFF,-50),1) ];
	playPauseBut.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1), new DropShadowFilter()];
	stopBut.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1), new DropShadowFilter()];
	fullscreenBut.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1), new DropShadowFilter()];
	muteBut.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1), new DropShadowFilter()];
	
	position.filters = [new BevelFilter(1,45,0xFFFFFF,1,0x000000,1,1,1,1), new DropShadowFilter()];
	volume.filters = [new BevelFilter(2,45,0xFFFFFF,1,0x000000,1,1,1,1)];
	//loadProgress.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1)];
 }

 private function setDeco2(bevel:Boolean, shadow:Boolean):void {
	//panel2.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1)];
	
	//playPauseBut.filters = [new BlurFilter(2, 2, BitmapFilterQuality.HIGH)];
	//playPauseBut.filters = [new BevelFilter(4,225,ColorUtil.adjustBrightness2(0xFFFFFF,50),1,ColorUtil.adjustBrightness2(0xFFFFFF,-50),1) ];
	if (bevel) {
		playPauseBut.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1)];
		stopBut.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1)];
		fullscreenBut.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1)];
		muteBut.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1)];
		
		position.filters = [new BevelFilter(3,45,0xFFFFFF,1,0x000000,1,1,1,1)];
		volume.filters = [new BevelFilter(2,45,0xFFFFFF,1,0x000000,1,1,1,1)];
		//loadProgress.filters = [new BevelFilter(4,45,0xFFFFFF,1,0x000000,1,4,4,1)];
	 }
	if (shadow) {
		playPauseBut.filters.push(new DropShadowFilter());
		stopBut.filters.push(new DropShadowFilter());
		fullscreenBut.filters.push(new DropShadowFilter());
		muteBut.filters.push(new DropShadowFilter());
		
		position.filters.push(new DropShadowFilter());
	 }
}
 
 private function setSource():void{
  //movie = "http://stage.orchestra.it/x.flv"; // some dud dancing 16 min sample.
  movie = "http://stage.orchestra.it/golfers.flv";
 //movie = "video0.flv";
  // the url of the FLV ver. 1.1 do contains the metaData for totalTime FLV ver 1.0 do's NOT.
  /* if you type the url into VideoDisplay.source and use autoplay it starts to play in design mode
     that's realy annoying.*/
 }

 private function formatPositionToolTip(value:int):String{
	//  do only handle minuts.
	var result:String = (value % 60).toString();
	if (result.length == 1){
		result = Math.floor(value / 60).toString() + ":0" + result;
	} else {
		result = Math.floor(value / 60).toString() + ":" + result;
	}
	return result;
 }
 
 private function toggleFullScreen():void {
	 if (stage.displayState == StageDisplayState.FULL_SCREEN) {
		 stage.displayState = StageDisplayState.NORMAL;
	 } else {
		 stage.displayState = StageDisplayState.FULL_SCREEN;
	 }

 }
 private function fullscreening(fse:FullScreenEvent):void {
	 if (stage.displayState == StageDisplayState.FULL_SCREEN) {
		// var screenWidth:Number = Capabilities.screenResolutionX;
		// var screenHeight:Number = Capabilities.screenResolutionY;
		// videoDisplay.width = screenWidth;
		// videoDisplay.height = screenHeight;
		// panel.width = screenWidth;
		// panel.height = screenHeight;
		 //fullscreen.label="fs";
		 fullscreenBut.styleName = "normalscreenStyle";
	 } else {
		//initDisplay();
		 //fullscreen.label="FS";
		 fullscreenBut.styleName = "fullscreenStyle";
	 }
	
 }
 
 private function initDisplay():void {
		videoDisplay.width = 432;
		videoDisplay.height = 324;
		panel.width = 432;
		panel.height = 324;
 }
 
 private function doAddFullScreenEvent ():void {
	systemManager.stage.addEventListener(FullScreenEvent.FULL_SCREEN, fullscreening);
}

 private function doAddMouseEvent ():void {
	systemManager.stage.addEventListener(MouseEvent.MOUSE_MOVE, mousing);
}
			
private function mousing(me:MouseEvent):void{
	if(me.type == MouseEvent.MOUSE_MOVE) {
		panel2.visible = true;
		startMouseTimer();
	}
}

private function startMouseTimer():void {
	if (timer != null) timer.stop();
	timer = new Timer(5000, 1);
	timer.addEventListener("timer", timerHandler);
	timer.start();
	function timerHandler(event:TimerEvent):void {
		panel2.visible = false;
	}
}

private function muting():void{
	if(muteBut.selected){
		videoDisplay.volume = 0;
		//mute.label = "m"
		muteBut.styleName = "unmuteStyle";
	} else {
		videoDisplay.volume = volume.value/100;
		//mute.label = "M"
		muteBut.styleName = "muteStyle";
	}
}

// [Embed(source="playbut.png")]
// [Bindable]
// public var imgCls:Class;

private function playPause():void{
	if(pauseFlag){
		pauseFlag = !pauseFlag;
		//playPauseBut.label = "||";
		playPauseBut.styleName = "pauseStyle";
		videoDisplay.play();					
	} else {  
		pauseFlag= !pauseFlag; 
		//playPauseBut.label = ">";
		playPauseBut.styleName = "playStyle";
		videoDisplay.pause();					
	}
}

private function stop():void{
	pauseFlag= true; 
	//playPauseBut.label = ">";
	playPauseBut.styleName = "playStyle";
	videoDisplay.stop();					
}

private function play():void{
	pauseFlag= false; 
	//playPauseBut.label = "||";
	playPauseBut.styleName = "pauseStyle";
	videoDisplay.play();					
}
		
private function handleGaugeEvent( event:GaugeEvent ) : void
{			
	if(!muteBut.selected) videoDisplay.volume = event.value/100;
}

 ]]>
</mx:Script>


 
<mx:Style> 
    <!-- @font-face {
        src:url("./assets/gradl.TTF");
        fontFamily: myFontFamily;
        flashType: true;
     }
    .label { color: #FF0000; font-family: myFontFamily;font-size: 60px;} -->
   .playStyle {icon: Embed(source="./assets/playbut.png");}
   .stopStyle {icon: Embed(source="./assets/stopbut.png");}
   .pauseStyle {icon: Embed(source="./assets/pausebut.png");}
   .fullscreenStyle {icon: Embed(source="./assets/fullscreenbut.png");}
   .normalscreenStyle {icon: Embed(source="./assets/normalscreenbut.png");}
   .muteStyle {icon: Embed(source="./assets/mutebut.png");}
   .unmuteStyle {icon: Embed(source="./assets/unmutebut.png");}
    <!--TextInput { font-family: Helvetica; font-size: 12pt } -->
</mx:Style>


 <mx:Panel id="panel" layout="absolute"  verticalScrollPolicy="off" horizontalScrollPolicy="off"
  headerHeight="0" cornerRadius="2" borderStyle="solid" borderThickness="0"
  borderThicknessBottom="0" borderThicknessLeft="0" borderThicknessRight="0"
  borderThicknessTop="0" backgroundColor="#00F000" width="100%" height="100%" left="0" right="0" top="0" bottom="0">

 
  <video:SmoothVideoDisplay id="videoDisplay"  source="{movie}" width="100%" height="100%" maintainAspectRatio="true" bufferTime="1" complete="playPause()" left="0" right="0" top="0" bottom="0" autoBandWidthDetection="true" autoRewind="true"/>
       
        <mx:Label id="clock"
         text="{formatPositionToolTip(videoDisplay.playheadTime)} - {formatPositionToolTip(videoDisplay.totalTime)}"
         left="5" top="0" styleName="label"/>
 </mx:Panel>
 
 <mx:Fade 
    id="fadein"
    alphaFrom="0.0"
    alphaTo="1.0"
  />
 <mx:Fade
    id="fadeout"
    alphaFrom="1.0"
    alphaTo="0.0"
  />
  
	<mx:Panel id="panel2" width="100%" height="35" layout="absolute" verticalScrollPolicy="off" horizontalScrollPolicy="off" showEffect="fadein" hideEffect="fadeout" creationCompleteEffect="fadein" cornerRadius="15" roundedBottomCorners="true" backgroundColor="#DFDFDF" backgroundAlpha="0.4" borderThicknessLeft="5" borderThicknessRight="5" borderThicknessTop="5" borderThicknessBottom="5" headerHeight="0" bottom="20" left="10" right="10">  
  
  <mx:ProgressBar id="loadProgress" label="" mode="event" barColor="#00ff00"
   minimum="0" maximum="100" y="336" height="20"
   source="{videoDisplay}" trackHeight="7" trackColors="[#FFff00, #FF0000]" left="65" right="95" bottom="0"/>

  <mx:HSlider id="position" height="5"   
   dataTipFormatFunction="formatPositionToolTip"
   thumbPress="videoDisplay.pause()" slideDuration="0"
   thumbRelease="videoDisplay.play();"
   change="videoDisplay.playheadTime = position.value"
   value="{videoDisplay.playheadTime}"
   minWidth="10" 
   minimum="0" maximum="{videoDisplay.totalTime}" left="60" right="90" bottom="10"/> 

   <!--  upSkin="@Embed(source='playbut.png')" -->
	<mx:Button id="playPauseBut" styleName="pauseStyle" click="playPause();" width="25" height="25" cornerRadius="20" left="0" bottom="0"/>
	<mx:Button id="stopBut" styleName="stopStyle" click="stop();" left="30" width="25" height="25" cornerRadius="20" bottom="0"/>
  
	<mx:Button id="fullscreenBut" styleName="fullscreenStyle" click="toggleFullScreen()" width="25" height="25" cornerRadius="20" right="30" bottom="0"/>
	<mx:Button id="muteBut" styleName="muteStyle" selected="false" toggle="true" click="muting()"  width="25" height="25" cornerRadius="20" right="60" bottom="0"/>
	<!-- <mx:Button click="setSource()" styleName="label" label="Get FLV" x="10" bottom="0"/> -->

<!--	<mx:HSlider id="volume" snapInterval="0.01" value="0.5" maximum="1.0"
   change="if(!mute.selected) videoDisplay.volume = volume.value;" 
   liveDragging="true" right="0" bottom="10" width="30"/> -->
   
	<gauge:Gauge id="volume" gaugeClick="handleGaugeEvent(event)" liveDragging="true" right="3" bottom="8" width="23" height="10" needleThickness="0.1" coverColor="#0000FF" coverAlpha="0.8" coverDropShadowEnabled="true"/>


</mx:Panel>


</mx:Application>