<?xml version="1.0" encoding="utf-8" ?>
<Layout intermediate="true" preload="ReactionResult">
    <BkgImage name="bkg" x="0" y="0" image="/interface/bkg_4_3_book.jpg"/>
      
    <Widget x="0" y="0">
        <PaneController name="status_bar" x="0" y="12">
            <Widget name="main" x="0" y="0" xml="/status_bar/groups_status_bar.xml"/>
            <Widget name="quest" x="0" y="0" xml="/status_bar/quest_status_bar.xml"/>
            <Widget name="puzzle" x="0" y="0" xml="/status_bar/puzzle_status_bar.xml"/>
        </PaneController>

        <Button x="0" y="0" width="1024" height="80"/>
    </Widget>

    <Button x="0" y="0" width="1024" height="768" image_editor_transparent="1">
        <Click cmd="skip" handler="cur_layout"/>
    </Button>

    <Widget x="-20" y="38">
        <!-- <Image name="game_background" x="-9" y="0" image="book_scheme.png"/> -->
        <Image name="paper" x="278" y="70" image="paper_for_new_element.png"/>
        
        <Image name="reaction_place" x="270" y="210" image="pentagram_place.png" scale="0.9"/>
        <Image name="reaction_pentagram" x="394" y="371" image="pentagram_01_1.png" scale="0.9"/>
      
        <Widget name="reaction" x="-10" y="66" width="1252" height="734">
            <Image name="reaction_light" x="400" y="-90" image="light_pentacle_middle.png">

                <AnimController autoPlay="1" >
                    <ActionChain>
                        <EfxVisible visible="0"/>
                        <EfxWait delay="0.15"/>
                        <ActionGroup> 
                            <EfxScaleXY duration="1.3" from_x="0.4" from_y="0.4" to_x="1" to_y="1"/>
                            <EfxColor duration="1.3" from="00FFFFFF" to="FFFFFFFF"/> 
                            <EfxVisible visible="1"/>
                        </ActionGroup>    
                        <ActionGroup> 
                            <EfxScaleXY duration="0.1" from_x="1" from_y="1" to_x="0.5" to_y="0.5"/>
                            <EfxColor duration="0.1" from="FFFFFFFF" to="00FFFFFF"/> 
                        </ActionGroup> 
                    </ActionChain>
                </AnimController>
            </Image>

            <Image name="reaction_light_1" x="400" y="-90" image="light_pentacle_small.png">

                <AnimController autoPlay="1" >
                    <ActionChain>                
                        <EfxVisible visible="0"/>
                        <EfxWait delay="1"/>
                        <ActionGroup> 
                            <EfxScaleXY duration="0.7" from_x="0.4" from_y="0.4" to_x="1" to_y="1"/>
                            <EfxColor duration="0.7" from="00FFFFFF" to="FFFFFFFF"/> 
                            <EfxVisible visible="1"/>
                        </ActionGroup>        
                        <ActionGroup> 
                            <EfxScaleXY duration="0.1" from_x="1" from_y="1" to_x="0.5" to_y="0.5"/>
                            <EfxColor duration="0.1" from="FFFFFFFF" to="00FFFFFF"/> 
                        </ActionGroup>
                    </ActionChain>
                </AnimController>
            </Image>

            <Image name="reaction_light_2" x="300" y="-90" image="light_pentacle_big.png">

                <AnimController autoPlay="1" >
                    <ActionChain>
                        <EfxVisible visible="0"/>                        
                        <EfxWait delay="1.55"/>
                        <ActionGroup> 
                            <EfxScaleXY duration="0.3" from_x="0.4" from_y="0.4" to_x="1.5" to_y="1.5"/>
                            <EfxColor duration="0.3" from="00FFFFFF" to="FFFFFFFF"/> 
                            <EfxVisible visible="1"/>
                        </ActionGroup>
                        <ActionGroup> 
                            <EfxScaleXY duration="0.2" from_x="1" from_y="1" to_x="0.5" to_y="0.5"/>
                            <EfxColor duration="0.2" from="FFFFFFFF" to="00FFFFFF"/> 
                            <EfxVisible visible="1"/>
                        </ActionGroup>                            
                    </ActionChain>
                </AnimController>
            </Image>
            <!-- <Animation name="penta_fire" x="519" y="305" visible="1">
            <Frame image="light_pentacle_middle"/>
            <Frame image="light_pentacle_small"/>
            <Frame image="light_pentacle_big"/>
        </Animation-->
            <!-- <Image name="reaction_light" x="270" y="-90" image="penta_light.png"/> -->
        </Widget>       
        
        <Text create_if="$device.getGameType == f2p | $device.getGameType == blitz | $device.getGameType == free" show_if="$device.getGameType == f2p | $device.getGameType == blitz" name="power" x="365" y="540" width="320" height="50" align="C" text="REACTION_POWER" font="font" no_format="1"/>
        
        <Image name="candle_01" x="310" y="371" image="candle.png">
            <Animation name="candle_fire" x="47" y="0" visible="1">
                <Frame image="candle_fire_01"/>
                <Frame image="candle_fire_02"/>
                <Frame image="candle_fire_03"/>
            </Animation>

            <Particles name="ps_fire" x="62" y="18" width="64" height="64" file="/particles/win8_candle_dd.ps" visible="1" scale="1.0"/>
        </Image>

        <Image name="candle_02" x="374" y="493" image="candle.png">
            <Animation name="candle_fire" x="47" y="0" visible="1">
                <Frame image="candle_fire_01"/>
                <Frame image="candle_fire_02"/>
                <Frame image="candle_fire_03"/>
            </Animation>

            <Particles name="ps_fire" x="62" y="18" width="64" height="64" file="/particles/win8_candle_dd.ps" visible="1" scale="1.0"/>
        </Image>

        <Image name="candle_03" x="565" y="493" image="candle.png">
            <Animation name="candle_fire" x="47" y="0" visible="1">
                <Frame image="candle_fire_01"/>
                <Frame image="candle_fire_02"/>
                <Frame image="candle_fire_03"/>
            </Animation>

            <Particles name="ps_fire" x="62" y="18" width="64" height="64" file="/particles/win8_candle_dd.ps" visible="1" scale="1.0"/>
        </Image>

        <Image name="candle_04" x="632" y="371" image="candle.png">
            <Animation name="candle_fire" x="47" y="0" visible="1">
                <Frame image="candle_fire_01"/>
                <Frame image="candle_fire_02"/>
                <Frame image="candle_fire_03"/>
            </Animation>

            <Particles name="ps_fire" x="62" y="18" width="64" height="64" file="/particles/win8_candle_dd.ps" visible="1" scale="1.0"/>
        </Image>

        <Image name="candle_05" x="472" y="305" image="candle.png">
            <Animation name="candle_fire" x="47" y="0" visible="1">
                <Frame image="candle_fire_01"/>
                <Frame image="candle_fire_02"/>
                <Frame image="candle_fire_03"/>
            </Animation>

            <Particles name="ps_fire" x="62" y="18" width="64" height="64" file="/particles/win8_candle_dd.ps" visible="1" scale="1.0"/>
        </Image>

        <Particles name="ps_left_element" x="0" y="0" file="win8_fly_elements.ps"/>
        <Particles name="ps_right_element" x="0" y="0" file="win8_fly_elements.ps"/>

        <Widget name="elements" x="0" y="0" width="1252" height="734">
            <Widget name="center" x="526" y="301" width="0" height="0"/>
        </Widget>
        
    </Widget>
    
    <Properties>
        <Property key="particleSystemName">interface/win8_element_center.ps</Property>
    </Properties>
    
</Layout>
