import mx.managers.DragManager;
var dm:DragManager;

 
function isValidEmail(email:String):Boolean {
	var emailExpression:RegExp = /^[a-z][\w.-]+@\w[\w.-]+\.[\w.-]*[a-z][a-z]$/i;
	return emailExpression.test(email);
}
 
trace(isValidEmail("senocular@example.com")); // true
trace(isValidEmail("@example.com")); // false
trace(isValidEmail("senocular@example")); // false
trace(isValidEmail("seno\\cular@example.com")); // false

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
	<mx:Script>
		<![CDATA[
			import mx.events.ColorPickerEvent;
			import mx.events.DropdownEvent;
 
			[Bindable]
			public var complexDPArray:Array = [
				{label:"Yellow", color:"0xFFFF00", 
					descript:"A bright, light color."}, 
				{label:"Hot Pink", color:"0xFF66CC", 
					descript:"It's HOT!"}, 
				{label:"Brick Red", color:"0x990000", 
					descript:"Goes well with warm colors."}, 
				{label:"Navy Blue", color:"0x000066", 
					descript:"The conservative favorite."}, 
				{label:"Forest Green", color:"0x006600", 
					descript:"Great outdoorsy look."}, 
				{label:"Grey", color:"0x666666", 
					descript:"An old reliable."}]
 
			public function openEvt(event:DropdownEvent):void {
				descriptBox.text="";
			}
 
			public function changeEvt(event:ColorPickerEvent):void {
				descriptBox.text=event.currentTarget.selectedItem.label
					+ ": " + event.currentTarget.selectedItem.descript; 
			}
		]]>    
	</mx:Script>
 
	<mx:Style>
		.myStyle {
			swatchWidth:25;
			swatchHeight:25;
			textFieldWidth:95;
		}    
	</mx:Style>
 
	<mx:ArrayCollection id="complexDP" source="{complexDPArray}"/>
 
	<mx:VBox>
		<mx:TextArea id="descriptBox" 
					 width="150" height="50"/>
		<mx:ColorPicker id="cp" 
						height="50" width="150"
						dataProvider="{complexDP}" 
						change="changeEvt(event);" 
						open="openEvt(event);" 
						editable="false"/>      
	</mx:VBox>
 
</mx:Application>

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
 
	<mx:Script>
		<![CDATA[
			//Import the event classes.
			import mx.events.DropdownEvent;
			import mx.events.ColorPickerEvent;
 
			[Bindable]
			public var Color_picker_DP:Array = ['0x000000', '0xFF0000', '0xFF8800',
				'0xFFFF00', '0x88FF00', '0x00FF00', '0x00FF88', '0x00FFFF',
				'0x0088FF', '0x0000FF', '0x8800FF', '0xFF00FF', '0xFFFFFF'];
 
			public function openEvt(event:DropdownEvent):void {
				forChange.text="Opened";
			}    
 
			public function closeEvt(event:DropdownEvent):void {
				forChange.text="Closed";
			}
 
			public function changeEvt(event:ColorPickerEvent):void {
				forChange.text="Selected Item: "
					+ event.currentTarget.selectedItem + " Selected Index: "
					+ event.currentTarget.selectedIndex;
			}
		]]>
	</mx:Script>
 
	<mx:VBox>
		<mx:TextArea id="forChange" 
					 width="150"/>
		<mx:ColorPicker id="cp" 
						dataProvider="{Color_picker_DP}"
						open="openEvt(event);" 
						close="closeEvt(event);"
						change="changeEvt(event);"/> 
	</mx:VBox>
</mx:Application>

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Script>
		<![CDATA[
			[Bindable]
			public var color_picker_DP:Array = ['0x000000', '0xFF0000', '0xFF8800',
				'0xFFFF00', '0x88FF00', '0x00FF00', '0x00FF88', '0x00FFFF', 
				'0x0088FF', '0x0000FF', '0x8800FF', '0xFF00FF', '0xFFFFFF'];
		]]>    
	</mx:Script>
 
	<mx:ColorPicker id="cp" dataProvider="{color_picker_DP}"/>
</mx:Application>

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" width="537" height="200">
 
	<s:Spinner x="220"  y="43" height="59" 
			   minimum="0"
			   maximum="10"
			   allowValueWrap="{valuewrap.selected}"
			   id="spinner"/>
	<s:Label x="155" y="124" text="Value:" width="42"/>
	<s:Label text="{spinner.value}" x="207" y="124"/>
	<s:CheckBox id="valuewrap" x="10" y="10" label="valueWrap - Degerin Basa Donmesi"/>
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" width="537" height="320">
	<fx:Declarations>
		<fx:XMLList id="itemsXML">
				<item label="Item 1"  />
				<item label="Item 2"  />
				<item label="Item 3"  />
				<item label="Item 4" />
				<item label="Item 5"  />
				<item label="Item 6"  />
				<item label="Item 7"  />
				<item label="Item 8"  />
		</fx:XMLList>
	</fx:Declarations>
 
	<fx:Script>
		<![CDATA[
			import mx.controls.Alert;
			private function popUpMenuButton_labelFunction(item:Object):String {
				return item.@label;
			}
 
		]]>
	</fx:Script>
	<mx:PopUpMenuButton labelFunction="popUpMenuButton_labelFunction" dataProvider="{itemsXML}" x="10" y="10">
 
	</mx:PopUpMenuButton>
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" width="455" height="242">
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<fx:Style>
		@namespace s "library://ns.adobe.com/flex/spark";
		@namespace mx "library://ns.adobe.com/flex/halo";
 
		.accordionHeader {
			skin: ClassReference("HeaderSkin");
		}
	</fx:Style>
 
 
	<mx:Accordion x="10" y="10" width="435" height="222" styleName="asd" headerStyleName="accordionHeader" >
		<s:NavigatorContent label="Accordion Pane 1" width="100%" height="100%">
		</s:NavigatorContent>
		<s:NavigatorContent label="Menu 2" width="100%" height="100%">
		</s:NavigatorContent>
		<s:NavigatorContent label="Menu 3" width="100%" height="100%">
		</s:NavigatorContent>
	</mx:Accordion>
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
 
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
      minWidth="21" minHeight="21" alpha.disabled="0.5" width.selectedDisabled="121" height.selectedDisabled="39">
 
    <fx:Script>
        /**
         * @private
         */
        override protected function initializationComplete():void
        {
          useChromeColor = true;
          super.initializationComplete();
        }
    </fx:Script>
 
    <!-- states -->
    <s:states>
        <s:State name="up" />
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="disabled" />
        <s:State name="selectedUp" />
        <s:State name="selectedOver" />
        <s:State name="selectedDown" />
        <s:State name="selectedDisabled" />
    </s:states>
 
	<s:Rect left="1" right="1" top="1" bottom="1" alpha="1">
		<s:fill>
			<s:BitmapFill source="@Embed('air.png')" />
		</s:fill>
	</s:Rect>
 
 
    <!-- layer 3: fill -->
    <s:Rect left="1" right="1" top="1" bottom="1">
        <s:fill>
            <s:LinearGradient rotation="90">
                <s:GradientEntry color="0xFFFF00" 
                               color.over="0xBBBDBD" 
                               color.down="0xAAAAAA" 
                               alpha="0.85" />
                <s:GradientEntry color="0xD8D800" 
                               color.over="0x9FA0A1" 
                               color.down="0x929496" 
                               alpha="0.85" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
 
    <!-- layer 4: fill lowlight -->
    <s:Rect left="1" right="1" top="1" bottom="1">
        <s:fill>
            <s:LinearGradient rotation="270">
                <s:GradientEntry color="0x000000" ratio="0.0" alpha="0.0627" />
                <s:GradientEntry color="0x000000" ratio="0.48" alpha="0.0099" />
                <s:GradientEntry color="0x000000" ratio="0.48001" alpha="0" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
 
    <!-- layer 5: fill highlight -->
    <s:Rect left="1" right="1" top="1" bottom="1">
        <s:fill>
            <s:LinearGradient rotation="90">
                <s:GradientEntry color="0xFFFFFF"
                                 ratio="0.0"
                                 alpha="0.33" 
                                 alpha.over="0.22" 
                                 alpha.down="0.12"/>
                <s:GradientEntry color="0xFFFFFF"
                                 ratio="0.48"
                                 alpha="0.33"
                                 alpha.over="0.22"
                                 alpha.down="0.12" />
                <s:GradientEntry color="0xFFFFFF"
                                 ratio="0.48001"
                                 alpha="0" />
            </s:LinearGradient>
        </s:fill>
    </s:Rect>
 
    <!-- layer 6: highlight stroke (all states except down) -->
    <s:Rect left="1" right="1" top="1" bottom="1" excludeFrom="down">
        <s:stroke>
            <s:LinearGradientStroke rotation="90">
                <s:GradientEntry color="0xFFFFFF" alpha.over="0.22" />
                <s:GradientEntry color="0xD8D8D8" alpha.over="0.22" />
            </s:LinearGradientStroke>
        </s:stroke>
    </s:Rect>
 
    <!-- layer 6: highlight stroke (down state only) -->
    <s:Rect left="1" top="1" bottom="1" width="1" includeIn="down">
        <s:fill>
            <s:SolidColor color="0x000000" alpha="0.07" />
        </s:fill>
    </s:Rect>
    <s:Rect right="1" top="1" bottom="1" width="1" includeIn="down">
        <s:fill>
            <s:SolidColor color="0x000000" alpha="0.07" />
        </s:fill>
    </s:Rect>
    <s:Rect left="1" top="1" right="1" height="1" includeIn="down">
        <s:fill>
            <s:SolidColor color="0x000000" alpha="0.25" />
        </s:fill>
    </s:Rect>
    <s:Rect left="1" top="2" right="1" height="1" includeIn="down">
        <s:fill>
            <s:SolidColor color="0x000000" alpha="0.09" />
        </s:fill>
    </s:Rect>
 
    <!-- layer 2: border -->
    <s:Rect left="0" right="0" top="0" bottom="0" width="69" height="20">
        <s:stroke>
            <s:SolidColorStroke color="0x696969" 
                        alpha="1" 
                        alpha.over="1" 
                        alpha.down="1" />
        </s:stroke>
    </s:Rect>
 
</s:SparkSkin>

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:d="http://ns.adobe.com/fxg/2008/dt" 
			   xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx">
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
 
 
 
		<fx:Script>
			<![CDATA[
			[Bindable]
			[Embed(source="menu1.png")]
			private var BulletCheck:Class;
 
			[Bindable]
			[Embed(source="menu2.png")]
			private var BulletWarning:Class;
 
			[Bindable]
			[Embed(source="menu3.png")]
			private var BulletCritical:Class;
			]]>
		</fx:Script>
 
	<fx:Declarations>
 
		<fx:XML id="itemsXML">
			<items>
				<item label="Item 1" status="warning" />
				<item label="Item 2" status="critical" />
				<item label="Item 3" status="critical" />
				<item label="Item 4" status="check" />
				<item label="Item 5" status="warning" />
				<item label="Item 6" status="check" />
				<item label="Item 7" status="check" />
				<item label="Item 8" status="critical" />
			</items>
		</fx:XML>
	</fx:Declarations>
 
		<mx:ApplicationControlBar dock="true">
			<mx:Label text="selectedIndex: {accordion.selectedIndex}" />
			<mx:Spacer width="100" />
			<mx:Label text="label: {accordion.getHeaderAt(accordion.selectedIndex).label}" />
		</mx:ApplicationControlBar>
 
		<mx:Accordion id="accordion"
					  width="400"
					  height="200">
			<mx:VBox label="Success"
					 icon="{BulletCheck}"
					 width="100%"
					 height="100%">
				<mx:DataGrid id="successGrid"
							 dataProvider="{itemsXML.item.(@status == 'check')}"
							 width="100%"
							 height="100%">
				</mx:DataGrid>
			</mx:VBox>
 
			<mx:VBox label="Warning"
					 icon="{BulletWarning}"
					 width="100%"
					 height="100%">
				<mx:DataGrid id="warningGrid"
							 dataProvider="{itemsXML.item.(@status == 'warning')}"
							 width="100%"
							 height="100%">
				</mx:DataGrid>
			</mx:VBox>
 
			<mx:VBox label="Critical"
					 icon="{BulletCritical}"
					 width="100%"
					 height="100%">
				<mx:DataGrid id="criticalGrid"
							 dataProvider="{itemsXML.item.(@status == 'critical')}"
							 width="100%"
							 height="100%">
				</mx:DataGrid>
			</mx:VBox>
		</mx:Accordion>
 
</s:Application>

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:d="http://ns.adobe.com/fxg/2008/dt" 
			   xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" 
 
				backgroundColor="white">
 
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
 
 
	<fx:Script>
		<![CDATA[
			[Bindable]
			[Embed(source="menu1.png")]
			private var Menu3:Class;
 
			[Bindable]
			[Embed(source="menu2.png")]
			private var Menu2:Class;
 
			[Bindable]
			[Embed(source="menu3.png")]
			private var Menu1:Class;
 
 
		]]>
	</fx:Script>
 
	<mx:Accordion id="accordion" backgroundAlpha="1.0"
				  height="100%"
				  width="100%"
				  headerHeight="32"
				  borderStyle="none" >
 
		<mx:headerRenderer>
			<fx:Component>
				<mx:Button fontWeight="normal"
						   labelPlacement="left"
						   textAlign="left"
						   cornerRadius="20" />
			</fx:Component>
		</mx:headerRenderer>
 
		<s:NavigatorContent label="About Us" icon="{Menu1}" width="100%" height="100%">
			<s:VGroup x="-1" y="0" width="199" height="300">
				<s:Label text="the flash builder / theflashbuilder.com" />
			</s:VGroup>
		</s:NavigatorContent>
 
 
		<s:NavigatorContent label="Projects" icon="{Menu2}" width="100%" height="100%">
			<s:VGroup x="-1" y="0" width="199" height="300">
				<s:Label text="the flash builder / theflashbuilder.com" />
			</s:VGroup>
		</s:NavigatorContent>
 
		<s:NavigatorContent label="Demo" icon="{Menu3}" width="100%" height="100%">
			<s:VGroup x="-1" y="0" width="199" height="300">
				<s:Label text="the flash builder / theflashbuilder.com" />
			</s:VGroup>
		</s:NavigatorContent>
 
	</mx:Accordion>
 
</s:Application>