<?xml version="1.0" encoding="utf-8" ?>
<Layout>

    <SelectorController>
        <Action type="1" axis="0" use_val="1" val="-0.75" cmd="left"/>
        <Action type="1" axis="0" use_val="1" val="0.75" cmd="right"/>
        <Action type="1" axis="1" use_val="1" val="-0.75" cmd="up"/>
        <Action type="1" axis="1" use_val="1" val="0.75" cmd="down"/>
        <Action type="0" btn="12" cmd="press"/>
        
        <Container class="GPGridContainer"/>
        
        <Item path="../pentagram_field/slot_1" scale="1 1"/>
        <Item path="../pentagram_field/slot_2" scale="1 1"/>
        <Item path="../pentagram_field/slot_3" scale="1 1"/>
    </SelectorController>

	<Widget name="pentagram_field" x="0" y="0" width="220" height="220">
		<Widget name="slot_1" x="0" y="0">
			<Image name="border_1" x="-2" y="-2" image="cooldown_border.png" visible="0"/>
			<Widget name="placeholder_1" x="0" y="0"/>
		</Widget>

		<Widget name="slot_2" x="130" y="0">
			<Image name="border_2" x="-2" y="-2" image="cooldown_border.png" visible="0"/>
			<Widget name="placeholder_2" x="0" y="0"/>
		</Widget>

		<Widget name="slot_3" x="65" y="120">
			<Image name="border_3" x="-2" y="-2" image="cooldown_border.png" visible="0"/>
			<Widget name="placeholder_3" x="0" y="0"/>
		</Widget>

	</Widget>

	<Widget name="element_move" x="0" y="0" width="220" height="220"/>

	<Widget name="result_reaction" x="0" y="0" width="220" height="220">

		<!-- for Lava magic-->
		<Particles name="ps_fire" x="97" y="75" file="/particles/battlemode_fireball_dd.ps" visible="0">
			<AnimController autoPlay="0" events="event_attack_human">
				<ActionChain>
					<EfxVisible visible="1"/>
					<EfxMove from_x="97" from_y="75" to_x="422" to_y="-150" delay="0" duration="0.8" modifier="fullarc"/>
					<EfxVisible visible="0"/>
					<EfxMove to_x="97" to_y="75" duration="0"/>
					<EfxSendEvent event="e_efx_bf_finish">{"type":"attack"}</EfxSendEvent>
				</ActionChain>
			</AnimController>
		</Particles>

		<!-- for Energy magic-->
		<Particles name="ps_energy" x="97" y="75" file="/particles/battlemode_health_dd.ps" scale="0.8" visible="0">
			<AnimController autoPlay="0" events="event_protection_human">
				<ActionChain>
					<EfxVisible visible="1"/>
					<EfxMove from_x="0" from_y="0" to_x="-97" to_y="-135" delay="0" duration="0.8" modifier="fullarc"/>
					<EfxVisible visible="0"/>
					<EfxMove from_x="-97" from_y="-135" to_x="0" to_y="0" duration="0" modifier="fullarc"/>
					<EfxSendEvent event="event_protection_human_final"/>
					<EfxSendEvent event="e_efx_bf_finish">{"type":"protection"}</EfxSendEvent>
				</ActionChain>
			</AnimController>
		</Particles>

		<!-- for Dust magic-->
		<Particles name="ps_fire" x="97" y="75" file="/particles/battlemode_fireball_dd.ps" visible="0">
			<AnimController autoPlay="0" events="event_stan_human">
				<ActionChain>
					<EfxVisible visible="1"/>
					<EfxMove from_x="97" from_y="75" to_x="422" to_y="-150" delay="0" duration="0.8" modifier="fullarc"/>
					<EfxVisible visible="0"/>
					<EfxMove to_x="97" to_y="75" duration="0"/>
					<EfxSendEvent event="e_efx_bf_finish">{"type":"stan"}</EfxSendEvent>
				</ActionChain>
			</AnimController>
		</Particles>

		<Particles name="ps_start_reaction" x="110" y="80" file="/particles/battlemode_start_dd.ps" scale="0.8" visible="0">
			<AnimController autoPlay="0" events="event_protection_human, event_attack_human, event_stan_human">
				<ActionChain>
					<EfxVisible visible="1"/>
					<EfxWait delay="0.5"/>
					<EfxVisible visible="0"/>
				</ActionChain>
			</AnimController>
		</Particles>

		<Image name="pentagramm_light" x="0" y="-20" image="/demon_battle/pentagramm_light.png" />

		<Widget name="element" x="65" y="43" color="00FFFFFF">
			<!-- for Lava magic-->
			<AnimController autoPlay="0" events="event_attack_human">
				<ActionChain>
					<EfxMove to_x="65" to_y="43" delay="0" duration="0" modifier="fullarc"/>
					<ActionGroup>
						<EfxScale duration="0.3" from="0.2" to="1"/>
						<EfxColor duration="0.3" from="00FFFFFF" to="FFFFFFFF" />
					</ActionGroup>
					<ActionGroup>
						<EfxMove from_x="65" from_y="43" to_x="135" to_y="-135" delay="0" duration="0.5" modifier="fullarc"/>
						<EfxColor duration="0.5" from="FFFFFFFF" to="00FFFFFF" />
					</ActionGroup>
					<ActionGroup>
						<EfxSendEvent event="event_long_damages_ai"/>
						<EfxSendEvent event="event_long_damages_ai_show"/>
					</ActionGroup>
					<ActionGroup>
						<EfxSendEvent event="event_update_demons"/>
					</ActionGroup>
				</ActionChain>
			</AnimController>

			<!-- for Dust magic -->
			<AnimController autoPlay="0" events="event_stan_human">
				<ActionChain>
					<EfxMove to_x="65" to_y="43" delay="0" duration="0" modifier="fullarc"/>
					<ActionGroup>
						<EfxScale duration="0.3" from="0.2" to="1"/>
						<EfxColor duration="0.3" from="00FFFFFF" to="FFFFFFFF" />
					</ActionGroup>
					<ActionGroup>
						<EfxMove from_x="65" from_y="43" to_x="135" to_y="-135" delay="0" duration="0.5" modifier="fullarc"/>
						<EfxColor duration="0.5" from="FFFFFFFF" to="00FFFFFF" />
					</ActionGroup>
					<ActionGroup>
						<EfxSendEvent event="event_long_damages_ai"/>
					</ActionGroup>
					<ActionGroup>
						<EfxSendEvent event="event_update_demons"/>
					</ActionGroup>
				</ActionChain>
			</AnimController>

			<!-- for Energy magic-->
			<AnimController autoPlay="0" events="event_protection_human">
				<ActionChain>
					<EfxMove to_x="65" to_y="43" delay="0" duration="0" modifier="fullarc"/>
					<ActionGroup>
						<EfxScale duration="0.3" from="0.2" to="1"/>
						<EfxColor duration="0.3" from="00FFFFFF" to="FFFFFFFF" />
					</ActionGroup>
					<ActionGroup>
						<EfxMove from_x="65" from_y="43" to_x="0" to_y="-135" delay="0" duration="0.5" modifier="fullarc"/>
						<EfxColor duration="0.5" from="FFFFFFFF" to="00FFFFFF" />
					</ActionGroup>
				</ActionChain>
			</AnimController>

		</Widget>

	</Widget>

	<Image name="cooldown_timer" x="68" y="47" image="cooldown_timer_01.png" visible="0">
		<RadialProgressBarWidget name="bar" image="cooldown_timer_02.png"/>
		<Text name="counter" x="0" y="0" width="97" height="97" text="10" font="medium" align="C" color="FFFFFFFF"/>
	</Image>
    
</Layout>