<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:geotag="app.*"
    layout="absolute" width="100%" height="100%"  minHeight="450" minWidth="650" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#7700AA, #9900DD]" themeColor="#7700AA" 
     viewSourceURL="src/index.html">
<!-- SCRIPT Start -->    
<!-- jeweils über include Datei, Komponenten haben jeweils ein eigenes Include --> 
<mx:Script source="app/app_pfo.as" />
<!-- SCRIPT Ende -->
<!--  <mx:Style> sind alle aus googleMap.mxml
     inputNavi {
     }
     buttonNavi { 
     }
     checkNavi { 
     }
     buttonBig {

     }
  </mx:Style>-->


<!-- ä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">
        <mx:HBox width="100%" horizontalCenter="0" borderStyle="solid" cornerRadius="7" borderColor="#DDDDDD" borderThickness="1" alpha="1.0" backgroundColor="#DDBBEE" >
            <mx:Label text="   Projekte, Fortbildung, Organisation" fontSize="14" fontWeight="bold"/>
            <mx:Spacer width="100%"/>
            <mx:LinkButton  id="back" visible="false"
                label="Zurück" fontWeight="bold" width="100" fontSize="12" themeColor="#7700AA" textDecoration="underline" alpha="1.0" 
                click="back.visible=false; main_navi.selectedChild=main;"  enabled="true"/>
            <mx:LinkButton id="hilfe"
                label="Hilfe" fontWeight="bold" width="60" fontSize="12" themeColor="#7700AA" textDecoration="underline" alpha="1.0" 
                click="navigateToURL(new URLRequest('help_pfo.html'), '_blank')" />
            <mx:LinkButton id="rein"
                label="LogIn" fontWeight="bold" fontSize="12" themeColor="#7700AA" textDecoration="underline" alpha="1.0" 
              click="raus.visible=true; rein.visible=false; main_navi.selectedChild=main;" />
            <mx:LinkButton id="raus" visible="false"
                label="LogOut" fontWeight="bold" fontSize="12" themeColor="#7700AA" textDecoration="underline" alpha="1.0" 
              click="rein.visible=true; raus.visible=false; main_navi.selectedChild=login;" />
        </mx:HBox>
<!--*************-->
<!-- I N H A L T -->
<!--*************-->
<mx:ViewStack id="main_navi" width="100%" height="100%">
    
    <!-- LOGIN -->
<mx:Canvas id="login" width="100%" height="100%">

    <mx:Form id="loginForm" horizontalCenter="0" top="250">
        <mx:FormItem label="Benutzer:">
            <mx:TextInput text="Admin"/>
        </mx:FormItem>
        <mx:FormItem label="Passwort:">
            <mx:TextInput displayAsPassword="true" text="projekt"/>
        </mx:FormItem>
        <mx:Button label="LogIn"
                click="raus.visible=true; rein.visible=false; main_navi.selectedChild=main;" textAlign="center" width="100%"/>
    </mx:Form>
    <mx:Label text="pfo(S)" fontWeight="bold" fontSize="36" color="#7700AA" horizontalCenter="13" top="30"/>
    <mx:Label text="Projekte, Fortbildungen und Organisation von IT-KlinsSys in der StKM" top="100" horizontalCenter="0" fontSize="14" fontWeight="bold" color="#7700AA"/>
    <mx:Text text="Web-Projektarbeit mit Adobe Flex3, php und MySQL&#xa;Dr. Felix v. Festenberg&#xa;Masterstudiengang Medizinische Informatik an der Beuth-Hochschule Berlin&#xa;Wintersemester 2009 / 2010 " horizontalCenter="0" top="150" textAlign="center" fontSize="12"/>
    <mx:LinkButton y="400" label="Eine ausführliche interaktive Anleitung (Text, Video, Animation) gibt es hier." horizontalCenter="0" fontSize="12" textDecoration="underline" themeColor="#7700AA" cornerRadius="6"
        click="navigateToURL(new URLRequest('help_pfo.html'), '_blank')" />

</mx:Canvas>
        
    <!-- MAIN -->
        <mx:Canvas id="main" width="100%" height="100%">
            <mx:HBox width="97%" height="80" horizontalCenter="0" top="5" borderStyle="outset" borderColor="#7700AA" cornerRadius="4">
                <mx:Label text="Select und Auswahlanzeigebox" width="100%" height="100%" textAlign="center"/>
            </mx:HBox>
            <mx:TabNavigator width="97%" height="97%" verticalCenter="100" horizontalCenter="0" fontSize="12">
                <mx:Canvas label="Projekte" width="100%" height="100%">
                    <mx:Button label="auf Karte anzeigen"
                        click="back.visible=true; main_navi.selectedChild=gmap;" horizontalCenter="0" verticalCenter="20"/>
                    <mx:TextInput horizontalCenter="0" verticalCenter="-20" width="200" text="{ort}" textAlign="center"/>
                </mx:Canvas>
                <mx:Canvas label="Fortbildungen" width="100%" height="100%" fontSize="12">
                </mx:Canvas>
                <mx:Canvas label="Organisation" width="100%" height="100%">
                </mx:Canvas>
                <mx:Canvas label="Stammdaten" width="100%" height="100%">
                </mx:Canvas>
            </mx:TabNavigator>
        </mx:Canvas>
        
    <!-- MAP -->
        <mx:Canvas id="gmap" width="100%" height="100%">
            <geotag:googleMaps ort="{ort}" />
        </mx:Canvas>
    </mx:ViewStack>
<!-- 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:Spacer width="50%"/>
            <mx:Label text="Projektarbeit - Medizinische Informatik Wintersemester 2009/2010 von Dr. Felix v. Festenberg " 
                fontSize="10"  textAlign="center" color="#000000" alpha="0.0" fontWeight="normal" paddingLeft="15"/>
            <mx:Spacer width="50%"/>
            <mx:Label text="{version}" 
                fontSize="10"  textAlign="center" color="#000000" alpha="0.0" fontWeight="bold"/>
            <mx:Spacer width="10"/>
        </mx:HBox>
    </mx:VBox>
</mx:Canvas>
</mx:Application>