<?xml version="1.0" encoding="utf-8" ?>
<Layout>
    <Image name="bkg" x="0" y="-161" image="/interface/bkg_4_3_book.jpg"/>
    
    <SelectorController>
        <Action type="1" axis="1" use_val="1" val="0.5" cmd="left"/>
        <Action type="1" axis="1" use_val="1" val="-0.5" cmd="right"/>
        <Action type="0" btn="12" cmd="press"/>

        <Container class="GPButtonsContainer"/>
        
    </SelectorController>       
    
    <GPSharedActions>
        <Action type="0" btn="12" cmd="press"/>
    </GPSharedActions>
    
    <GPToolbarController>
        <Action type="0" btn="0" cmd="left"/>
        <Action type="0" btn="1" cmd="right"/>
        <Action type="0" btn="12" cmd="press"/>
    
        <Container class="GPButtonsContainer"/>
        
        <Item path="../*/back" scale="1 1" cID="def_circle"/>
        <Item path="../*/shop" scale="1 1" cID="def_circle"/>
    </GPToolbarController>
    
    <Widget name="left_page" x="200" y="0" width="530" height="615">
        <Image name="help" x="16" y="110" image="/interface/help.png" >
            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxColor duration="0.0" to="00FFFFFF"/>
                    <EfxWait delay="0.0"/>
                    <ActionGroup>
                        <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>   
        </Image>

        <Text text="HELP_SCR_TEXT1" x="7" y="123" width="230" height="50" align="N" font="author" color="FFFFFFFF" >
            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxColor duration="0.0" to="00FFFFFF"/>
                    <EfxWait delay="0.3"/>
                    <ActionGroup>
                        <EfxMove duration="0.4" from_y="23" to_y="123" mode="fty" />
                        <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>   
        </Text>
        <Text text="HELP_SCR_TEXT2" x="260" y="123" width="240" height="50" align="N" font="author" color="FFFFFFFF" >
            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxColor duration="0.0" to="00FFFFFF"/>
                    <EfxWait delay="0.3"/>
                    <ActionGroup>
                        <EfxMove duration="0.4" from_y="23" to_y="123" mode="fty" />
                        <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>   
        </Text>
        <Text text="HELP_SCR_TEXT3" x="7" y="414" width="230" height="50" align="N" font="author" color="FFFFFFFF" >
            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxColor duration="0.0" to="00FFFFFF"/>
                    <EfxWait delay="0.3"/>
                    <ActionGroup>
                        <EfxMove duration="0.4" from_y="314" to_y="414" mode="fty" />
                        <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>   
        </Text>
        <Text text="HELP_SCR_TEXT4" x="260" y="414" width="240" height="170" align="N" font="author" color="FFFFFFFF" >
            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxColor duration="0.0" to="00FFFFFF"/>
                    <EfxWait delay="0.3"/>
                    <ActionGroup>
                        <EfxMove duration="0.4" from_y="314" to_y="414" mode="fty" />
                        <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>           
        </Text>
        <Text text="HELP_SCR_TEXT5" x="260" y="630" width="240" height="20" align="C" font="author" color="FFFFFFFF">
            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxColor duration="0.0" to="00FFFFFF"/>
                    <EfxWait delay="0.3"/>
                    <ActionGroup>
                        <EfxMove duration="0.4" from_y="530" to_y="630" mode="fty" />
                        <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>   
        </Text>
        
        <Widget name="a1" x="136" y="255">
            <Widget name="arrow">
                <Image image="/interface/arrow_l.png" x="-10" y="-8" />
                <AnimController autoPlay="1">
                    <ActionChain>
                        <EfxColor duration="0.0" to="00FFFFFF"/>
                        <EfxWait delay="0.6"/>
                        <ActionGroup>
                            <EfxMove duration="0.4" from_x="90" to_x="-10" mode="ftx" />
                            <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF"/>
                        </ActionGroup>
                    </ActionChain>
                </AnimController>  
            </Widget>
            
            <Widget name="arrow_text">
                <Text text="HELP_SCR_TAP" x="20" y="-14" width="70" height="24" align="C" font="author" color="FFff4500"/>
                <AnimController autoPlay="1">
                    <ActionChain>
                        <EfxColor duration="0.0" to="00FFFFFF"/>
                        <EfxWait delay="0.6"/>
                        <ActionGroup>
                            <EfxMove duration="0.4" from_x="120" to_x="28" mode="ftx" />
                            <EfxColor duration="0.4" from="00FFFFFF" to="FFff4500"/>
                        </ActionGroup>
                    </ActionChain>
                </AnimController>  
            </Widget>
        </Widget>
        
        <Widget name="a2" x="34" y="344"> 
            <Widget name="arrow">
                <Image image="/interface/arrow_r.png" x="0" y="-8" />
                <AnimController autoPlay="1">
                    <ActionChain>
                        <EfxColor duration="0.0" to="00FFFFFF"/>
                        <EfxWait delay="0.6"/>
                        <ActionGroup>
                            <EfxMove duration="0.4" from_x="-70" to_x="30" mode="ftx" />
                            <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF"/>
                        </ActionGroup>
                    </ActionChain>
                </AnimController>
            </Widget>
            
            <Widget name="arrow_text">
                <Text text="HELP_SCR_TAP" x="-30" y="-14" width="70" height="24" align="C" font="author" color="FFff4500" />
                <AnimController autoPlay="1">
                    <ActionChain>
                        <EfxColor duration="0.0" to="00FFFFFF"/>
                        <EfxWait delay="0.6"/>
                        <ActionGroup>
                            <EfxMove duration="0.4" from_x="-100" to_x="-8" mode="ftx" />
                            <EfxColor duration="0.4" from="00FFFFFF" to="FFff4500"/>
                        </ActionGroup>
                    </ActionChain>
                </AnimController>
            </Widget>
        </Widget>
        
        <Widget name="a3" x="332" y="292">
            <Widget name="arrow">
                <Image image="/interface/arrow_u.png" x="-12" y="-8" />
                <AnimController autoPlay="1">
                    <ActionChain>
                        <EfxColor duration="0.0" to="00FFFFFF"/>
                        <EfxWait delay="0.6"/>
                        <ActionGroup>
                            <EfxMove duration="0.4" from_y="120" to_y="20" mode="fty" />
                            <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF"/>
                        </ActionGroup>
                    </ActionChain>
                </AnimController>
            </Widget>
            
            <Widget name="arrow_text">
                <Text text="HELP_SCR_TAP" x="-38" y="-14" width="70" height="24" align="C" font="author" color="FFff4500" />
                <AnimController autoPlay="1">
                    <ActionChain>
                        <EfxColor duration="0.0" to="00FFFFFF"/>
                        <EfxWait delay="0.6"/>
                        <ActionGroup>
                            <EfxMove duration="0.4" from_y="185" to_y="85" mode="fty" />
                            <EfxColor duration="0.4" from="00FFFFFF" to="FFff4500"/>
                        </ActionGroup>
                    </ActionChain>
                </AnimController>
            </Widget>
            
        </Widget>

        <Widget name="a4" x="414" y="292">
            <Widget name="arrow">
                <Image image="/interface/arrow_u.png" x="-14" y="-8" />
                <AnimController autoPlay="1">
                    <ActionChain>
                        <EfxColor duration="0.0" to="00FFFFFF"/>
                        <EfxWait delay="0.6"/>
                        <ActionGroup>
                            <EfxMove duration="0.4" from_y="120" to_y="20" mode="fty" />
                            <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF"/>
                        </ActionGroup>
                    </ActionChain>
                </AnimController>
            </Widget>
            
            <Widget name="arrow_text">
                <Text text="HELP_SCR_TAP" x="-35" y="-14" width="70" height="24" align="C" font="author" color="FFff4500" />
                <AnimController autoPlay="1">
                    <ActionChain>
                        <EfxColor duration="0.0" to="00FFFFFF"/>
                        <EfxWait delay="0.6"/>
                        <ActionGroup>
                            <EfxMove duration="0.4" from_y="185" to_y="85" mode="fty" />
                            <EfxColor duration="0.4" from="00FFFFFF" to="FFff4500"/>
                        </ActionGroup>
                    </ActionChain>
                </AnimController>
            </Widget>
        </Widget>
    </Widget>



    <Widget name="right_page" x="800" y="10" width="530" height="615">

        <Widget x="0" y="0">
            <Image image="/elements/border_solid.png" x="28" y="132" />
            <Text text="HELP2_SCR_SOLID_FRAME" font="author" color="FFFFFFFF" x="133" y="170" width="320" height="20" align="W" />
            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxColor duration="0.0" to="00FFFFFF"/>
                    <EfxWait delay="0.6"/>
                    <ActionGroup>
                        <EfxMove duration="0.4" from_x="100" to_x="0" mode="ftx" modifier="sindiminish" />
                        <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF" modifier="sindiminish"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>   
        </Widget>


        <Widget x="0" y="251">
            <Image image="/elements/border_dotted.png" x="28" y="0" />
            <Text text="HELP2_SCR_DOTTED_FRAME" font="author" color="FFFFFFFF" x="133" y="36" width="320" height="20" align="W" />   
            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxColor duration="0.0" to="00FFFFFF"/>
                    <EfxWait delay="0.7"/>
                    <ActionGroup>
                        <EfxMove duration="0.4" from_x="100" to_x="0" mode="ftx" modifier="sindiminish" />
                        <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF" modifier="sindiminish"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>   
        </Widget>

        <Widget x="0" y="370">
            <Image image="/elements/border_gray.png" x="28" y="0" />
            <Text text="HELP2_SCR_GRAY_FRAME" font="author" color="FFFFFFFF" x="133" y="36" width="320" height="20" align="W" />    
            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxColor duration="0.0" to="00FFFFFF"/>
                    <EfxWait delay="0.8"/>
                    <ActionGroup>
                        <EfxMove duration="0.4" from_x="100" to_x="0" mode="ftx" modifier="sindiminish" />
                        <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF" modifier="sindiminish"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>   
        </Widget>

        <Widget x="0" y="492">
            <Image create_if="$device.getGameType == f2p | $device.getGameType == blitz" image="/elements/border_orange.png" x="28" y="0"> 
                <Text text="LOCKED" font="small" color="FFda6228" x="15" y="0" width="66" height="96" align="C" />    
            </Image>
            <Text create_if="$device.getGameType == f2p | $device.getGameType == blitz" text="HELP2_SCR_ORANGE_FRAME_V02" font="author" color="FFFFFFFF" x="133" y="36" width="320" height="20" align="W" />    
            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxColor duration="0.0" to="00FFFFFF"/>
                    <EfxWait delay="0.9"/>
                    <ActionGroup>
                        <EfxMove duration="0.4" from_x="100" to_x="0" mode="ftx" modifier="sindiminish" />
                        <EfxColor duration="0.4" from="00FFFFFF" to="FFFFFFFF" modifier="sindiminish"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>     
        </Widget>

    </Widget>

    <!--Particles name="ps_star1" x="100" y="200" file="/main_menu/win8_far_star.ps" />
    <Particles name="ps_star2" x="20" y="500" file="/main_menu/win8_far_star.ps" />    
    <Particles name="ps_star3" x="700" y="750" file="/main_menu/win8_far_star.ps" /-->
    
    <Widget name="status_bar" x="0" y="12" xml="/status_bar/status_bar_all_help.xml"/>
    <Widget name="toolbar" x="5" y="40" xml="/toolbar/toolbar_all_help.xml"/>

    <AnimController autoPlay="1">
        <ActionGroup>
            <EfxPlaySound sound="howtoplay_screen_transition"/>        
        </ActionGroup>
    </AnimController>        
</Layout>
