package
{
	import com.ghostwire.ui.containers.*;
	import com.ghostwire.ui.controls.*;
	import com.ghostwire.ui.data.*;
	import com.ghostwire.ui.events.*;
	import com.ghostwire.ui.enums.*;
	import com.ghostwire.ui.managers.*;
 
	import flash.display.Sprite;
	import flash.events.*;
	import flash.system.Capabilities;
 
	public class FontsExample extends Sprite
	{
		// ** instances **
		private var displayTextA:uiText;
		private var displayTextB:uiText;
		private var progressText:uiText;
 
		public function FontsExample()
		{
			// ** make sure stage is not null **
			addEventListener(Event.ADDED_TO_STAGE,init);
		}
 
		private function init(evt:Event):void
		{
			// ** let assets preload before starting application **
			uiSkins.manager.addEventListener(Event.INIT,main);
		}
 
		private function main(evt:Event):void
		{
			// ** topLevelPane **
			var topLevelPane:uiPane = new uiPane();
			topLevelPane.padding	= 4;
			topLevelPane.setSize(stage.stageWidth,stage.stageHeight);
			addChild(topLevelPane);
 
			var titleText:uiText	= new uiText("Aspire UI Components Example");
			titleText.alignX	= ALIGN.CENTER;
			titleText.background	= {color:0x819A98,cornerRadius:12}
			titleText.padding	= "6,12";
			titleText.textStyle	= "title";
			topLevelPane.addChild(titleText);
 
			var versionText:uiText	= new uiText("Flash Player Version "+Capabilities.version);
			versionText.alignX	= ALIGN.CENTER;
			versionText.y		= topLevelPane.height - 80;
			topLevelPane.addChild(versionText);
 
			var footerText:uiText	= new uiText("© 2008-2009 GhostWire Studios")
			footerText.background	= {color:0x819A98};
			footerText.padding	= 3;
			footerText.alignX	= ALIGN.CENTER;
			footerText.fillX	= true;
			footerText.textStyle	= "footer";
			footerText.y		= topLevelPane.height - 60;
			topLevelPane.addChild(footerText);
 
			var ghostwireMark:uiImage	= new uiImage("GhostWireStudiosMark");
			ghostwireMark.alignX	= ALIGN.CENTER;
			ghostwireMark.alignY	= ALIGN.BOTTOM;
			topLevelPane.addChild(ghostwireMark);
 
			// ** display text **
			displayTextA		= new uiText();
			displayTextB		= new uiText();
 
			displayTextB.rotation = 2; // ** text will not show unless using embedded font **
 
			displayTextA.text	=
			displayTextB.text	= "The quick brown fox jumps over the lazy dog.";
 
			var txt:uiBox	= new uiBox();
			txt.vertical		= true;
			txt.alignX		= ALIGN.CENTER;
			txt.y			= 60;
			txt.addChild(displayTextA);
			txt.addChild(displayTextB);
 
			topLevelPane.addChild(txt);
			// ** end display text **
 
			// ** buttons **
			var buttons:uiBox	= new uiBox();
			buttons.alignX		= ALIGN.CENTER;
			buttons.y		= 150;
			buttons.spacing		= 20;
 
			var buttonA:uiLabelButton	= new uiLabelButton("DejaVu Sans");
			var buttonB:uiLabelButton	= new uiLabelButton("SanaFon");
 
			buttonA.fillY			= true;
			buttonB.fillY			= true;
 
			buttonA.data		= "styleA";
			buttonB.data		= "styleB";
 
			buttonA.addEventListener(MouseEvent.CLICK,on_click,false,0,true);
			buttonB.addEventListener(MouseEvent.CLICK,on_click,false,0,true);
 
			buttons.addChild(buttonA);
			buttons.addChild(buttonB);
 
			topLevelPane.addChild(buttons);
			// ** end buttons **
 
			// ** progress text **
			progressText		= new uiText();
			progressText.alignX	= ALIGN.CENTER;
			progressText.y		= 190;
			topLevelPane.addChild(progressText);
			// ** end progress text **
 
			// ** end topLevelPane **
 
			// ** create some text styles **
			uiTextStyles.manager.setStyle("styleA",{fontFamily:"DejaVu Sans",fontSize:16});
			uiTextStyles.manager.setStyle("styleB",{fontFamily:"SanaFon",fontSize:16});
			uiTextStyles.manager.setStyle("styleABold",{fontFamily:"DejaVu Sans",fontSize:16,fontWeight:"bold"});
			uiTextStyles.manager.setStyle("styleBBold",{fontFamily:"SanaFon",fontSize:16,fontWeight:"bold"});
		}
 
		/**
		apply new text style and load external font swf on demand
		*/
		private function on_click(evt:MouseEvent):void
		{
			displayTextA.textStyle = String(uiLabelButton(evt.target).data);
			displayTextB.textStyle = displayTextA.textStyle+"Bold";
			if (displayTextA.embedFonts)
			{
				// ** embedded font already loaded and in use **
				progressText.text = "";
			}
			else
			{
				// ** begin loading external font swf **
				progressText.text = "Loading...";
				uiFonts.manager.load(uiLabelButton(evt.target).text);
				uiFonts.manager.addEventListener(ProgressEvent.PROGRESS,on_loadProgress);
			}
		}
 
		/**
		tracks download progress
		*/
		private function on_loadProgress(evt:ProgressEvent):void
		{
			progressText.text = ((evt.bytesLoaded == evt.bytesTotal) ? "Total: " : "Loading: ")+evt.bytesLoaded+" bytes";
		}
	}
}