<?xml version="1.0" encoding="utf-8"?>
<mx:Box xmlns:ae="*" xmlns:mx="http://www.adobe.com/2006/mxml"
xmlns:ximpel="net.ximpel.custom.*" 
creationComplete="init()">
	<!--
	initialize="send()" creationComplete="init()"
	lauout="vertical"
	width="870" height="710"
	paddingLeft="0" paddingTop="0" paddingBottom="0" paddingRight="0" backgroundColor="#000000">
-->


    
	<mx:HTTPService 
		id="ximpelAppConfigService"
		url="{config}"
		resultFormat="e4x"
		result="ximpelAppConfigServiceResultHandler(event)"
		fault='{return};'
	/>
	
	<!--
	<mx:Style source="/Style/obsidian.css"/>
	-->
	
	<mx:Script>
		<![CDATA[
			import mx.events.*;
			import mx.managers.SystemManager;
			import 	mx.containers.*;
			import net.ximpel.events.*;
			import net.ximpel.custon.*;
			import flash.events.FullScreenEvent;
			import mx.controls.Alert;
			import mx.rpc.events.ResultEvent;
			
			[Bindable] public var config:String  = "ximpelConfig.mxl";
			public var trace:Function;
			
			[Bindable] public var player:XimpelPlayer = myXimpelPlayer;
			//[Bindable] public var player:explore_ximpel_net_ximpel_player_XimpelPlayer = myXimpelPlayer;
			[Bindable] public var control:Canvas = ximpelPlayerControlPanel;
			
			[Bindable] public var view:ViewStack = ximpelAppViewStack;
			[Bindable] public var title:TitleWindow = titleScreen;
			[Bindable] public var menu:TitleWindow = menuScreen;
			[Bindable] public var evaluation:TitleWindow = evaluationScreen;
			
			//public function get view():ViewStack { return ximpelAppViewStack; }
			//public function set view(src:Viewstack):void { ximpelAppViewStack = src; }
			public function set index(x:Number):void { ximpelAppViewStack.selectedIndex = x; }
			
			//public function get ximpel():explore_ximpel_net_ximpel_player_XimpelPlayer { return myXimpelPlayer; }
			public function get ximpel():XimpelPlayer { return myXimpelPlayer; }
			public function set set(s : String):void {  }
			
			public function set image(src:String):void { titleScreenImage.source = src; }
			
			
			
			public function send() : void {
			    myXimpelPlayer.trace = trace;
			    trace("load:" + config);
			    ximpelAppConfigService.send();
			    }
			
			private function init():void {
				myXimpelPlayer.addEventListener(InteractiveMediaEvent.COMPLETE, onVideoPlayerHidden);
				myXimpelPlayer.addEventListener(InteractiveMediaEvent.PREVIOUS_ITEM, checkMediaType);
				myXimpelPlayer.addEventListener(InteractiveMediaEvent.NEXT_ITEM, checkMediaType);
				myXimpelPlayer.addEventListener(ScoreEvent.SCORE_CHANGED, updateScoreLabel);
				myXimpelPlayer.addEventListener(SubjectEvent.SUBJECT_CHANGED, updateSubjectLabel);
				systemManager.stage.scaleMode = "showAll";//"exactFit";
				systemManager.stage.align = "top";
				systemManager.stage.addEventListener(FullScreenEvent.FULL_SCREEN, fullScreenRedraw);
				var context:ContextMenu = new ContextMenu();
				context.hideBuiltInItems();
				//var item:ContextMenuItem = new ContextMenuItem(explore_ximpel_net_ximpel_player_XimpelPlayer.VERSION);
				var item:ContextMenuItem = new ContextMenuItem(XimpelPlayer.VERSION);
				item.addEventListener(ContextMenuEvent.MENU_ITEM_SELECT, myXimpelPlayer.onContextMenuItemSelected);
				context.customItems.push(item);
				ximpelAppViewStack.contextMenu = context;
			}
			
			private function ximpelAppConfigServiceResultHandler(event:ResultEvent):void {
				var configFile:XML = event.result as XML;
				var assetsDir:String = "";
				
				if(configFile.hasOwnProperty("titleScreenImage")) {
					if(configFile.titleScreenImage[0] != ""){
						if (configFile.settings[0].hasOwnProperty("assetsDir")) {
							assetsDir = configFile.settings[0].assetsDir;
						}
						titleScreenImage.source = assetsDir + configFile.titleScreenImage[0];
					}
				//init(); //AE
				}
				
				if(configFile.hasOwnProperty("titleScreenHeader")) {
					if(configFile.titleScreenHeader[0] != ""){
						titleScreenHeaderText.text = configFile.titleScreenHeader[0];
					}
				}
			
				if(configFile.hasOwnProperty("instructionScreenHeader")) {
					if(configFile.instructionScreenHeader[0] != ""){
						menuScreen.title = configFile.instructionScreenHeader[0];
					}
				}
				
				if(configFile.hasOwnProperty("instructionScreenHTMLText")) {
					if(configFile.instructionScreenHTMLText[0] != ""){
						menuScreenText.htmlText = configFile.instructionScreenHTMLText[0];
					}
				}
				
				if(configFile.hasOwnProperty("evaluationScreenHeader")) {
					if(configFile.evaluationScreenHeader[0] != ""){
						evaluationScreen.title = configFile.evaluationScreenHeader[0];
					}
				}

				if(configFile.hasOwnProperty("evaluationScreenScoreLabel")) {
					if(configFile.evaluationScreenScoreLabel[0] != ""){
						evaluationScreenScoreLabel.text = configFile.evaluationScreenScoreLabel[0]+":";
					}
				}
				
				if(configFile.hasOwnProperty("evaluationScreenSubjectLabel")) {
					if(configFile.evaluationScreenSubjectLabel[0] != ""){
						evaluationScreenSubjectLabel.text = configFile.evaluationScreenSubjectLabel[0]+":";
					}
				}
				
				if(configFile.language[0].hasOwnProperty("questionLabel")) {
					if(configFile.language[0].questionLabel[0] != ""){
						myXimpelPlayer.QUESTION_LABEL = configFile.language[0].questionLabel[0];
					}
				}
				
				if(configFile.language[0].hasOwnProperty("subjectLabel")) {
					if(configFile.language[0].subjectLabel[0] != ""){
						subjectLabel.text = configFile.language[0].subjectLabel[0];
					}
				}
				
				if(configFile.language[0].hasOwnProperty("scoreLabel")) {
					if(configFile.language[0].scoreLabel[0] != ""){
						scoreLabel.text = configFile.language[0].scoreLabel[0];
					}
				}
				
				if(configFile.language[0].hasOwnProperty("extraQuestionRightLabel")) {
					if(configFile.language[0].extraQuestionRightLabel[0] != ""){
						myXimpelPlayer.EXTRA_QUESTION_RIGHT_LABEL = configFile.language[0].extraQuestionRightLabel[0];
					}
				}
				
				if(configFile.language[0].hasOwnProperty("extraQuestionWrongLabel")) {
					if(configFile.language[0].extraQuestionWrongLabel[0] != ""){
						myXimpelPlayer.EXTRA_QUESTION_WRONG_LABEL = configFile.language[0].extraQuestionWrongLabel[0];
					}
				}
				
				if(configFile.language[0].hasOwnProperty("extraSegmentLabel")) {
					if(configFile.language[0].extraSegmentLabel[0] != ""){
						myXimpelPlayer.EXTRA_SEGMENT_LABEL = configFile.language[0].extraSegmentLabel[0];
					}
				}
				
				if(configFile.language[0].hasOwnProperty("nextButtonLabel")) {
					if(configFile.language[0].nextButtonLabel[0] != ""){
						nextButton.label = configFile.language[0].nextButtonLabel[0];
					}
				}
				
				if(configFile.language[0].hasOwnProperty("playButtonLabel")) {
					if(configFile.language[0].playButtonLabel[0] != ""){
						playButton.label = configFile.language[0].playButtonLabel[0];
					}
				}
				
				if(configFile.language[0].hasOwnProperty("playAgainButtonLabel")) {
					if(configFile.language[0].playAgainButtonLabel[0] != ""){
						playAgainButton.label = configFile.language[0].playAgainButtonLabel[0];
					}
				}
				//init(); //AE
			}
			
			private function goToTitleScreen():void {
				ximpelAppViewStack.selectedChild = titleScreen;
			}
			
			private function goToMenuScreen():void {
				ximpelAppViewStack.selectedChild = menuScreen;
			}
			
			private function goToXimpelScreen():void {
				if(myXimpelPlayer.start()) {
					ximpelAppViewStack.selectedChild = ximpelScreen;
				}
				else {
					goToEvaluationScreen();
				}
			}
			
			private function onVideoPlayerHidden(event:InteractiveMediaEvent):void {
				goToEvaluationScreen();
			}

			private function checkMediaType(event:InteractiveMediaEvent):void {
			    // if (myXimpelPlayer.currentMediaType == explore_ximpel_net_ximpel_player_XimpelPlayer.MINIGAME_MEDIA) {
				if (myXimpelPlayer.currentMediaType == XimpelPlayer.MINIGAME_MEDIA) {
					videoTimeLabel.visible = false;
				}else {
					videoTimeLabel.visible = true;
				}
			}
			
			private function goToEvaluationScreen():void {
				gameScoreMessageLabel.text = myXimpelPlayer.getGameScoreMessage();
				gameScoreLabel.text = myXimpelPlayer.getGameScore();
				flash.system.System.setClipboard(gameScoreLabel.text);
				subjectTrace.dataProvider = myXimpelPlayer.outputPlayedSubjects();
				ximpelAppViewStack.selectedChild = evaluationScreen;
			}
			
			private function fullScreenRedraw(event:FullScreenEvent):void {
			    if (event.fullScreen)
			    {
					//trace("Full screen");
			        // Remove input text fields.
			        // Add a button that closes full-screen mode.
			    }
			    else
			    {
					//trace("Windowed screen");
			        // Re-add input text fields.
			        // Remove the button that closes full-screen mode.
			    }
			}
			
			private function updateScoreLabel(scoreEvent:ScoreEvent):void {
				currentScoreLabel.text = scoreEvent.score;
			}
			
			private function updateSubjectLabel(subjectEvent:SubjectEvent):void {
				currentSubjectLabel.text = subjectEvent.subject;
			}
			
			private function formatPositionToolTip(value:int):String {
				//do only handle minutes
				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 {
                try {
                    switch (systemManager.stage.displayState) {
                        case StageDisplayState.FULL_SCREEN:
                            /* If already in full screen mode, switch to normal mode. */
                            systemManager.stage.displayState = StageDisplayState.NORMAL;
                            break;
                        default:
                            /* If not in full screen mode, switch to full screen mode. */
                            systemManager.stage.displayState = StageDisplayState.FULL_SCREEN;
                            break;
                    }
                } catch (err:SecurityError) {
                    // ignore
                }
            }

		]]>
	</mx:Script>
	
	<mx:Canvas>
	
	<mx:ViewStack id="ximpelAppViewStack" width="870" height="710" selectedIndex="0" creationPolicy="all" 
		alpha=".9">
		<mx:TitleWindow id="titleScreen" horizontalAlign="center">
			<mx:Text id="titleScreenHeaderText" text="XIMPEL Application" fontSize="24" width="90%" textAlign="center"/>
			<mx:Text text="{XimpelPlayer.VERSION} &#169; 2007-2008 Eliens, Huurdeman, Bhikharie, van de Watering"

				width="90%"	textAlign="center"/>

			<mx:Image id="titleScreenImage" source="@Embed('@logo.jpg')" width="640" height="480"
				horizontalAlign="center" verticalAlign="middle"/>
			<mx:Box horizontalAlign="center" verticalAlign="bottom" width="100%" height="100%">
				<mx:Button id="nextButton" label="Next" click="goToMenuScreen()" cornerRadius="0"/>
			</mx:Box>
		</mx:TitleWindow>

		<mx:TitleWindow id="menuScreen" title="Instructions Interactive Video Application" horizontalAlign="left">
			<mx:Text id="menuScreenText" fontSize="18" width="90%" selectable="false">
				<mx:htmlText>
					<![CDATA[
						<UL>
							<LI>Watch the video</LI>
							<LI>Make choices by clicking in the video</LI>
							<LI>Find hidden segments to score bonus points</LI>
							<LI>Answer extra question correctly for more bonus points</LI>
						</UL>
					]]>
				</mx:htmlText>
			</mx:Text>
			
			<mx:Box horizontalAlign="center" verticalAlign="bottom" width="100%" height="100%">
				<mx:Button id="playButton" label="Play" click="goToXimpelScreen()" cornerRadius="0"/>
			</mx:Box>
		</mx:TitleWindow>

		<mx:TitleWindow id="ximpelScreen" horizontalAlign="center">
			<ximpel:XimpelPlayer id="myXimpelPlayer" scoreChange="updateScoreLabel(event)" subjectChange="updateSubjectLabel(event)"/>

			<mx:Canvas id="ximpelPlayerControlPanel" width="80%" height="42" x="0" y="670" horizontalScrollPolicy="off" 
				verticalScrollPolicy="off">
				<mx:Label id="currentSubjectLabel" text="default" left="5" bottom="0" width="100%"/>
				<mx:Label id="currentScoreLabel" text="00000" bottom="0" right="5"/>
				<mx:Label id="subjectLabel" text="Subject:" top="0" left="5"/>
				<mx:Label id="scoreLabel" text="Score:" top="0" right="5"/>
				<mx:Button label="&lt;&lt;" click="myXimpelPlayer.previousItem()" horizontalCenter="-100" verticalCenter="10"/>
				<mx:Button label="||" click="myXimpelPlayer.pauseItem()" horizontalCenter="0" verticalCenter="10"/>
				<mx:Button label=">>" click="myXimpelPlayer.nextItem()" horizontalCenter="100" verticalCenter="10"/>
				<mx:Label id="videoTimeLabel" horizontalCenter="0"
					text="{formatPositionToolTip(myXimpelPlayer.videoDisplay.playheadTime)} - {formatPositionToolTip(myXimpelPlayer.videoDisplay.totalTime)}"/>
			</mx:Canvas>
		</mx:TitleWindow>

		<mx:TitleWindow id="evaluationScreen" title="Your storyline" horizontalAlign="center"
			backgroundAlpha="0.0">
		
			<mx:VBox horizontalAlign="center">
				<mx:Label id="gameScoreMessageLabel" text="" fontSize="18"/>
				<mx:HBox>
					<mx:Label id="evaluationScreenScoreLabel" text="Your score:" fontSize="18"/>
					<mx:Label id="gameScoreLabel" text="0" fontSize="18"/>
				</mx:HBox>
			</mx:VBox>

			<mx:Label id="evaluationScreenSubjectLabel" text="Played subjects:" top="10" fontSize="18"/>
			<mx:List id="subjectTrace" dataProvider="{subjectTrace}" color="#FFFFFF" textAlign="center" 
				fontSize="14" selectable="false" rowCount="15" backgroundAlpha="0.0" borderStyle="none"
				width="100%"/>
				
			<mx:Box horizontalAlign="center" verticalAlign="bottom" width="100%" height="100%">
				<mx:Button id="playAgainButton" label="Play again" click="goToTitleScreen()" cornerRadius="0"/>
			</mx:Box>
		</mx:TitleWindow>
	</mx:ViewStack>
	<mx:Button id="fullScreen" label="[]" click="toggleFullScreen()" width="36" right="0" 
		toolTip="Toggle fullscreen"/>
	</mx:Canvas>
</mx:Box>