<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
		xmlns:local="*"
		backgroundColor="0x000000"
		applicationComplete="init()"
		frameRate="100">
  <mx:Style>
    Panel {
    backgroundAlpha: 0.5;
    borderAlpha: 0.5;
    }
    TextArea {
    font-family: Monospace;
    font-size: 14pt;
    backgroundAlpha: 0.5;
    } 
  </mx:Style>  

  <mx:Script source="Main.as" />

  <mx:Canvas width="100%" height="100%">
    <local:Logo id="logo" x="0" y="0"/>
    <mx:VBox width="100%" height="100%" x="0" y="0">
      <mx:Spacer id="vspacer" height="70%"/>

      <mx:Panel id="panel" title="Type here and click the Run button" height="30%" width="100%"
		paddingTop="5"
		paddingBottom="5"
		paddingLeft="5"
		paddingRight="5">

	<mx:TextArea id="input" width="100%" height="50%">
	</mx:TextArea>

	<mx:Panel title="Output" width="100%" height="50%">
	  <mx:TextArea id="output" editable="false" width="100%" height="100%"
		       backgroundAlpha="0">
	  </mx:TextArea>
	</mx:Panel>

	<mx:ControlBar>
	  <mx:Button label="Run" id="evalBtn" buttonDown="evaluate()"/>
	  <mx:Button label="Prev" id="prevBtn" buttonDown="historyPrev()"/>
	  <mx:Button label="Next" id="nextBtn" buttonDown="historyNext()"/>
	  <mx:Spacer width="100%" />
	  <mx:Button label="Clear" id="csBtn" buttonDown="logo.cs()"/>
	  <mx:Button label="Help" id="helpBtn" buttonDown="help.visible = true"/>
	  <mx:HSlider id="slider"
		      minimum="0"
		      maximum="100"
		      value="30"
		      snapInterval="1"
		      tickInterval="10"
		      liveDragging="true"
		      change="panel.percentHeight = slider.value; vspacer.percentHeight = 100 - slider.value;" />
	</mx:ControlBar>
      </mx:Panel>
    </mx:VBox>

    <mx:VBox id="help" visible="false" width="100%" height="100%" backgroundColor="#000000">
      <mx:Panel title="Help" 
		width="100%" height="100%" >
	<mx:TextArea id="helpTextArea" editable="false" width="100%" height="100%">
	</mx:TextArea>
	<mx:ControlBar horizontalAlign="center">
	  <mx:Button label="Close" buttonDown="help.visible = false"/>
	</mx:ControlBar>
      </mx:Panel>
    </mx:VBox>
  </mx:Canvas>
</mx:Application>

