<?xml version="1.0" encoding="utf-8"?>
<application type="livejasmin">
	<state id="normal">
		<SkinElement percentWidth="100" percentHeight="100" src="ChatBackground" id="chatBg"/>
		<VBox gap="0" top="0" left="0" percentWidth="100" percentHeight="100">
			<Canvas percentWidth="100" percentHeight="100" bottom="7">
				<SkinElement percentWidth="100" percentHeight="100" src="ChatHitBox" id="chatHitBox" controller="ChatController"/>
				<J2ChatBox id="chatBox" percentWidth="100" percentHeight="100" top="30" bottomMargin="3" controller="ChatController"/>
				<SkinElement percentWidth="100" height="30" right="14" top="25" src="GradientChatTop" id="gradientChatTop" controller="ChatController"/>
				<SolidButton right="46" width="20" height="20" top="10" style="transparent" id="sizeUpBtn" controller="ChatController" />
				<SolidButton right="24" width="20" height="20" top="10" style="transparent" id="sizeDownBtn" controller="ChatController" />
			</Canvas>
			<Canvas percentWidth="100" height="37" top="-7">
				<SkinElement percentWidth="100" height="37" center="0" left="2" right="2" src="ChatBar" id="ChatBar" />
				<Text id="adminTypingText" bold="true" middle="3.5" left="12" autoSize="left" color="0xFF9999" size="11" visible="false" alpha="0" controller="ChatController" />
			</Canvas>
			<Canvas percentWidth="100" bottom="2" left="2" right="2" height="38">
				<ChatInterface percentWidth="100" height="38" id="chatInterfaceView" controller="ChatInterfaceController"/>
				<RedGradientToogleButton style="disabled" right="5" middle="0" width="50" height="28" name="sendButton" id="sendButton" controller="ChatInterfaceController" />
				<SkinElement percentWidth="100" percentHeight="100" src="DisabledButtonForeground" id="inputDisabledForeground" controller="ChatInterfaceController" />
			</Canvas>
		</VBox>
		<Controllers>
			
		</Controllers>
		<Dialogs>
			<MessageDialog id="noticeDialogContent" width="360" height="189" autoClose="true" controller="StreamController"/>
			<SimpleDialogData modal="true" targetX="{$application}" offsetXType="center" offsetYType="middle" targetY="{$application}" id="noticeDialogData" offsetY="20" backgroundAlpha="0" controller="StreamController"/>
		</Dialogs>
	</state>
	
	<state id="overlayMode">
		<SkinElement percentWidth="100" percentHeight="100" src="ChatBackground" id="chatBg"/>
		<VBox gap="0" top="0" left="0" percentWidth="100" percentHeight="100">
			<Canvas percentWidth="100" percentHeight="100" bottom="7">
				<SkinElement percentWidth="100" percentHeight="100" src="ChatHitBox" id="chatHitBox" controller="ChatController"/>
				<J2ChatBox id="chatBox" percentWidth="100" percentHeight="100" top="5" bottomMargin="3" controller="ChatController"/>
				<SkinElement percentWidth="100" height="30" right="14" top="0" src="GradientChatTop" id="gradientChatTop" controller="ChatController"/>
				<SolidButton right="46" width="20" height="20" top="10" style="transparent" id="sizeUpBtn" controller="ChatController" />
				<SolidButton right="24" width="20" height="20" top="10" style="transparent" id="sizeDownBtn" controller="ChatController" />
			</Canvas>
			<Canvas percentWidth="100" bottom="2" left="2" right="2" height="38">
				<ChatInterface percentWidth="100" height="38" id="chatInterfaceView" controller="ChatInterfaceController"/>
				<RedGradientToogleButton style="disabled" right="5" middle="0" width="50" height="28" name="sendButton" id="sendButton" controller="ChatInterfaceController" />
				<SkinElement percentWidth="100" percentHeight="100" src="DisabledButtonForeground" id="inputDisabledForeground" controller="ChatInterfaceController" />
			</Canvas>
		</VBox>
		<Controllers>
			
		</Controllers>
		
		<Dialogs>
			<InfoDialog width="114" height="26" id="typingDialogContent" controller="ChatController" />
			<InfoDialogData targetX="{$sendButton}" offsetXType="left" targetY="{$sendButton}" offsetX="-62" offsetYType="middle" offsetY="-40"  backgroundAlpha="0.8" id="typingDialogData" controller="ChatController"/>
		
			<MessageDialog id="noticeDialogContent" width="440" height="140" autoClose="true" controller="StreamController"/>
			<SimpleDialogData modal="true" targetX="{$application}" offsetXType="center" offsetYType="middle" targetY="{$application}" offsetY="20" id="noticeDialogData" backgroundAlpha="0" controller="StreamController"/>
		</Dialogs>
	</state>
</application>
