<?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">
	<fx:Script>
		<![CDATA[
			public function clickHandler(event:Event):void{
				if(tobuttbar.selectedIndex==0){
					txt.text="C is a middle level language.";
				}
				if(tobuttbar.selectedIndex==1){
					txt.text="JAVA is an object oriented language.";
				}
				if(tobuttbar.selectedIndex==2){
					txt.text="HTML is used for designing a web page.";
				}
				if(tobuttbar.selectedIndex==3){
					txt.text="ORACLE is a database.";
				}
			}
		]]>
	</fx:Script>
	<s:Panel title="ToggleButtonBar Control Example" height="140" width="323">
		<s:VGroup x="13" y="15">
			<mx:ToggleButtonBar id="tobuttbar"
				horizontalGap="5"
				itemClick="clickHandler(event);"
				toggleOnClick="true">			
				<mx:dataProvider>
					<fx:String>C</fx:String>
					<fx:String>JAVA</fx:String>
					<fx:String>HTML</fx:String>
					<fx:String>ORACLE</fx:String>
				</mx:dataProvider>
			</mx:ToggleButtonBar>
			<s:TextArea id="txt" width="294" height="52"/>
		</s:VGroup>
	</s:Panel>	
</s:Application>