<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
				xmlns:controls="com.fxcomponents.controls.*"
	layout="absolute" width="100%" height="100%"  minHeight="450" minWidth="650" 
	backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#7700AA, #7700AA]" themeColor="#7700AA"
	initialize="init()">
	
<!-- SCRIPT Start -->	
<!-- jeweils über include Datei, Komponenten haben jeweils ein eigenes Include --> 
<mx:Script source="help/help_pfo.as" />
<!-- SCRIPT Ende -->

<!-- STYLE Start -->
<!-- komplett über CSS-->
<!-- Quelle: http://scalenine.com/themes/simplicitygray/SimplicityGray.html#-->
<!--<mx:Style source="css/simplicitygray.css" /> -->
<!-- STYLE Ende -->
<!-- äusserer Rahmen-->
<mx:Canvas id="app"
	width="97%" height="97%" horizontalCenter="0" verticalCenter="0" 
	borderStyle="solid" cornerRadius="10" borderColor="#DDDDDD" borderThickness="2" 
	backgroundColor="#FFFFFF" backgroundAlpha="0.95" themeColor="#DDBBEE">

<!-- umgebende Box mit Kopfzeile, Fusszeile und Inhaltscontainer-->		
	<mx:VBox height="98%" width="98%" horizontalCenter="0" verticalCenter="0">
	
		<!-- Kopfzeile -->
		<mx:HBox width="100%" horizontalCenter="0" borderStyle="solid" cornerRadius="7" borderColor="#DDDDDD" borderThickness="1" alpha="1.0" backgroundColor="#DDBBEE" >
			<mx:Label text="     HILFE zu Projekte, Fortbildung, Organisation" fontSize="14" fontWeight="bold"/>
			<mx:Spacer width="100%"/>
			<mx:LinkButton 
				label="Druckversion" fontWeight="bold" width="120" fontSize="12" themeColor="#7700AA" textDecoration="underline" alpha="1.0" 
				click="navigateToURL(new URLRequest('help/pdf/help_pfo.pdf'), '_blank')" />
		</mx:HBox>
		
		<!--*************-->
		<!-- I N H A L T -->
		<!--*************-->
		<mx:Canvas height="100%" width="100%">
			<mx:HBox width="100%" height="100%">
				<mx:VBox width="100" height="100%" borderStyle="none">
					<mx:LinkBar dataProvider="help_content" width="95%" height="95%" direction="vertical">
					</mx:LinkBar>
<!--										
					<mx:Label id="test" text="{testText}" />
					
					<mx:Button label="switchText"
						click="textStatus = !textStatus"/>
-->
					
					<mx:Label text="Anzeigen" fontSize="17" horizontalCenter="0" top="0" width="100%" textAlign="center" height="25"/>
					<mx:Label text="als" fontSize="12" textAlign="center" width="100%"/>
					<mx:ComboBox width="100" fontSize="18" textAlign="center" bottom="10" 
						selectedIndex="{art}"
						dataProvider="{artListe}" 
						change="comboboxChanged(event);">			
					</mx:ComboBox>
					<mx:Spacer height="15"/>					
				</mx:VBox>				
					<mx:ViewStack id="help_content" width="100%" height="100%">
						<mx:Canvas id="start" label="Start" width="100%" height="100%">
							<mx:VBox width="475" height="100%" horizontalCenter="5">
								<mx:Spacer width="100%" height="20"/>
								<mx:Label top="30" text="Hilfeseiten für pfo" fontSize="25"  textAlign="center" width="100%"/>
								<mx:Label top="60" text="(Projekte, Fortbildungen und Organisation in IT-KlinSys)"  textAlign="center" width="100%"/>
								<mx:Spacer width="100%" height="20"/>
								<mx:Label y="100"  text="Links oben können Sie die einzelnen Themen auswählen."      fontSize="12"/>
								<mx:Label y="140"  text="Eine Druckversion gibt es oben rechts in der Ecke."    fontSize="12"/>
								<mx:Spacer width="100%" height="20"/>
								<mx:Label y="180"  text="Die Aufbereitung der Anleitung kann links unten eingestellt werden." fontSize="12"/>
								<mx:RadioButtonGroup id="art_radio"
									selectedValue="{art}"  
									itemClick="radioCklicked(event);"/>
									<mx:RadioButton id="text_art_radio"  value="0" top="220"  label="Text          (reine Textanzeige,  ohne Animation, ohne Ton)" groupName="art_radio" left="25"  fontSize="12"/>
									<mx:RadioButton id="video_art_radio" value="1" top="250" label="Video        (Live-Demo mit gesprochener Anleitung, ohne Texte)" groupName="art_radio" left="25" fontSize="12"/>
									<mx:RadioButton id="flash_art_radio" value="2" top="280" label="Animation  (Flash mit Schritt für Schritt mit Sprechblasen,  ohne Ton)" groupName="art_radio" left="25" fontSize="12"/>
							</mx:VBox>
						</mx:Canvas>
						<mx:Canvas  id="pro" label="Projekte" width="100%" height="100%" >
							<mx:TextArea visible="{textStatus}" width="100%" height="100%" 
								editable="false" wordWrap="false"
								text = "{txt1}"
								/>
							<controls:FXVideo visible="{videoStatus}" width="95%" height="95%" autoPlay="false">
								<controls:source>help/flv/pro_help_pfo.flv</controls:source>
							</controls:FXVideo>
							<mx:SWFLoader visible="{flashStatus}" width="95%" height="95%" autoLoad="true" scaleContent="true">
								<mx:source>help/swf/pro_help_pfo.swf</mx:source>
							</mx:SWFLoader>
						</mx:Canvas>
						<mx:Canvas id="fob" label="Fortbildung" width="100%" height="100%">
							<mx:TextArea visible="{textStatus}" width="100%" height="100%" 
								editable="false" wordWrap="false"
								text = "{txt2}"
								/>
							<controls:FXVideo visible="{videoStatus}" width="95%" height="95%" autoPlay="false">
								<controls:source>help/flv/fob_help_pfo.flv</controls:source>
							</controls:FXVideo>
							<mx:SWFLoader visible="{flashStatus}" width="95%" height="95%" autoLoad="true" scaleContent="true">
								<mx:source>help/swf/fob_help_pfo.swf</mx:source>
							</mx:SWFLoader>
						</mx:Canvas>
						<mx:Canvas id="org" label="Organisation" width="100%" height="100%">
							<mx:TextArea visible="{textStatus}" width="100%" height="100%" 
								editable="false" wordWrap="false"
								text = "{txt3}"
							/>
							<controls:FXVideo visible="{videoStatus}" width="95%" height="95%" autoPlay="false">
								<controls:source>help/flv/org_help_pfo.flv</controls:source>
							</controls:FXVideo>
							<mx:SWFLoader visible="{flashStatus}" width="95%" height="95%" autoLoad="true" scaleContent="true">
								<mx:source>help/swf/org_help_pfo.swf</mx:source>
							</mx:SWFLoader>
						</mx:Canvas>
						<mx:Canvas id="adm" label="Stammdaten" width="100%" height="100%">
							<mx:TextArea visible="{textStatus}" width="100%" height="100%" 
								editable="false" wordWrap="false"
								text = "{txt4}"
							/>
							<controls:FXVideo visible="{videoStatus}" width="95%" autoPlay="false" height="95%">
								<controls:source>help/flv/adm_help_pfo.flv</controls:source>
							</controls:FXVideo>
							<mx:SWFLoader visible="{flashStatus}" width="95%" height="95%" autoLoad="true" scaleContent="true">
								<mx:source>help/swf/adm_help_pfo.swf</mx:source>
							</mx:SWFLoader>
						</mx:Canvas>
					
					</mx:ViewStack>
			</mx:HBox>			
		</mx:Canvas>
		<!-- Ende I N H A L T -->
		
		<!-- Fusszeile -->
		<mx:HBox width="100%" horizontalCenter="0" bottom="5" borderStyle="solid" cornerRadius="7" alpha="1.0" backgroundColor="#DDBBEE">
			<mx:Label text="Projektarbeit - Medizinische Informatik Wintersemester 2009/2010 von Dr. Felix v. Festenberg " fontSize="10"  textAlign="center"  width="100%"  color="#000000" alpha="0.0" fontWeight="normal"/>
		</mx:HBox>
	</mx:VBox>
</mx:Canvas>
</mx:Application>
