<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal"
    xmlns:comp="Components.*" xmlns:navs="Components.Navigators.*"
    xmlns:pages="Components.Pages.*">

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
        ]]>
    </mx:Script>

    <mx:Style source="Trees.css"/>

    <mx:VBox height="100%" horizontalAlign="right">
        <mx:LinkButton label="Journal" width="200" textAlign="right"
            click="vwsMainPage.selectedChild=pgeJournal; vwsSubMenus.selectedChild=cmpJournal"/>
        <mx:LinkButton label="Experience" width="200" textAlign="right"
            click="vwsMainPage.selectedChild=pgeExperience; vwsSubMenus.selectedChild=cmpHome"/>
        <mx:LinkButton label="Creations" width="200" textAlign="right"
            click="vwsMainPage.selectedChild=pgeCreations; vwsSubMenus.selectedChild=cmpCreations"/>
        <mx:LinkButton label="Projects" width="200" textAlign="right"
            click="vwsMainPage.selectedChild=pgeProjects; vwsSubMenus.selectedChild=cmpHome"/>
        <mx:LinkButton label="Contact" width="200" textAlign="right"
            click="vwsMainPage.selectedChild=pgeContactUs; vwsSubMenus.selectedChild=cmpHome"/>
        <mx:LinkButton label="Site" width="200" textAlign="right"
            click="vwsMainPage.selectedChild=pgeSite; vwsSubMenus.selectedChild=cmpHome"/>
        <mx:ViewStack id="vwsSubMenus" width="100%" height="80%">
            <navs:NavBlank id="cmpHome"/>
            <navs:NavJournal id="cmpJournal"/>
            <navs:NavCreations id="cmpCreations"/>
        </mx:ViewStack>
        <mx:Image id="imgLogo" source="@Embed('/assets/logo.png')" scaleContent="false"
            useHandCursor="true" buttonMode="true" mouseChildren="false"
            click="vwsSubMenus.selectedChild=cmpHome; vwsMainPage.selectedChild=pgeHome"/>
    </mx:VBox>
    <mx:VBox id="boxMain" width="50%" height="100%" styleName="leafBorder">
        <mx:ViewStack id="vwsMainPage" width="100%" height="100%">
            <pages:Home id="pgeHome"/>
            <pages:Journal id="pgeJournal"/>
            <pages:Experience id="pgeExperience"/>
            <pages:Creations id="pgeCreations"/>
            <pages:Projects id="pgeProjects"/>
            <pages:Contact id="pgeContactUs"/>
            <pages:Site id="pgeSite"/>
        </mx:ViewStack>
    </mx:VBox>

</mx:Application>