<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication
	xmlns:mx="http://www.adobe.com/2006/mxml"
	layout="absolute"
	pageTitle="TripVis"
	creationComplete="onCreationComplete()"
	preinitialize="this_preinitialize()"
	xmlns:local="*"
	>
	<!--
	 backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]">
	-->

	<mx:Script>
		<![CDATA[
			import tripvisUI.languages.EnglishLanguageBuilder;
			import tripvisUI.languages.DutchLanguageBuilder;
			import tripvisUI.languages.LanguageDirector;
			import tripvisModel.TripItemType;
			import tripvisModel.SimpleTripItem;
			import tripvisModel.TripItem;
			import mx.core.Application;
			import flexlib.scheduling.Timeline;
		
			import mx.collections.ArrayCollection;
		
			private function this_preinitialize(): void
			{
				LanguageDirector.instance.setLanguageBuilder(new DutchLanguageBuilder());
				//LanguageDirector.instance.setLanguageBuilder(new EnglishLanguageBuilder());
			}
		
			private function onCreationComplete() : void
			{
				this.maximize();
			}
			
		]]>
	</mx:Script>
	
	<mx:Style>
	

		WindowedApplication
		{
			
			backgroundGradientAlphas: 1.0, 1.0;
			backgroundGradientColors: #6F7777, #AAB3B3;
			
			background-image:   	Embed("icons/bg2.jpg");
			background-alpha:		0.3;
			
		}
	
        Panel
        {
		    highlightAlphas: .5, .25;
		    headerColors:#456F84, #9ABBC9;
		    borderAlpha: 0.5;
		    /* borderAlpha: 1; */
		    borderColor: #FFFFFF;
		    borderThicknessRight: 0;
		    borderThicknessBottom: 0;
		    border-thickness-left: 0;
		    border-thickness-top: 0;
		    padding-top:0px;
		    padding-left:0px;
		    padding-bottom:0px;
		    padding-right:0px;
		    
			header-height: 22px;
			titleStyleName: "panelTitle";
			
        }
        
        .panelTitle
        {
        	fontWeight: bold;
        }
        
        .mainBox
        {
        	padding-left: 20;
        	padding-right: 20;
        	padding-bottom: 20;
        	padding-top: 10;	
        }
        
		
		.mainControlBar
		{
		    fillAlphas: 			.60, .40;
		    fillColors: 			#4A6F81, #BDD6E2;
		    highlightAlphas:		.05, .25;
		    cornerRadius: 			3;
			shadowDistance:         4;
			paddingLeft:            0;
			paddingRight:           0;
			paddingTop:             0;
			paddingBottom:          0;
			horizontalGap:          0;
		}
		
		.mainButtonBar
		{
		    cornerRadius:           0;
		    buttonStyleName:        "mainButton";
    		themeColor:             #456F84;
    		padding-bottom:-1px;
		}

		.mainButton
		{
		    cornerRadius:           0;
		    fillColors:             #4A6F81, #BDD6E2, #456F84, #9ABBC9;
		    fillAlphas:             1, 1;
		    highlightAlphas:        .5, .25;
		    fontWeight:             "normal";
		    upSkin:       			ClassReference("skin.ButtonBarButtonSkin");
		    selectedUpSkin:         ClassReference("skin.ButtonBarButtonSkin");
		    textSelectedColor:		#FFFFFF;
		    
		    fontWeight: 			bold;
		    
		    
		}
		
        TabNavigator
        {
            tabStyleName: "tabs";
            horizontalGap:0;
            padding-bottom:0;
            padding-top:0;
            padding-left:0;
            padding-right:0;
            
            borderAlpha: 0.5;
            
        }
        .tabs
        {
        	background-color: 		#FFFFFF;

            fillColors: 			#456F84, #9ABBC9;
            highlightAlphas: 		.5, .25;
            
		    fontWeight: 			bold;
            
        }
        
        .tripBasketItem
        {
        	padding-bottom: 0px;
        	padding-top: 0px;
        	padding-left: 0px;
        	padding-right: 0px;
        }
        
        .searchPanel
		 {
		 	border-alpha: 0.50;
		 	background-alpha: 0.50;
		}
		

    </mx:Style>
   

   <mx:VBox styleName="mainBox" width="100%" height="100%" >

        <mx:ApplicationControlBar width="100%" height="31" styleName="mainControlBar">
        	<mx:Image source="{LanguageDirector.instance.language.tripvisLogo}"/>
            <mx:ToggleButtonBar
                height="100%"
                dataProvider="{mainViews}"
                styleName="mainButtonBar"/>
        </mx:ApplicationControlBar>

        <mx:ViewStack id="mainViews" width="100%" height="100%" creationPolicy="all">
            <local:PreparationView label="{LanguageDirector.instance.language.tabPreparation}"
            	showEffect="WipeDown" hideEffect="WipeUp" />
            <local:VisualisingView label="{LanguageDirector.instance.language.tabVisualisation}"
                showEffect="WipeDown" hideEffect="WipeUp" />
        </mx:ViewStack>

    </mx:VBox>

</mx:WindowedApplication>