<?xml version="1.0" encoding="utf-8" ?>
<Layout>
    <Image name="status_bar_bkg" x="24" y="0" image="/interface/up_board_2.png"/>

    <PaneController name="status_bar" x="0" y="0" events="e_sb_change_pane">

        <Widget name="main">

            <Widget x="0" y="0" xml="/interface/anim_status_bar.xml">
                <PaneController name="status_pane" x="0" y="0" width="1366" height="50" events="e_change_sub_pane" >
                    <!-- MAIN -->
                    <Widget name="main">

                        <StatusBarGoal x="0" y="0">
                            <Text name="text" x="0" y="0" width="600" height="50" font="font" text="GOAL" align="E" color="FFFFFFFF"/>
                            <Image name="icon" x="620" y="0" width="50" height="50"/>
                        </StatusBarGoal>

                        <StatusBarProgress name="progress" x="795" y="0" alias="STATUS_BAR_PROGRESS_PUZZLE">
                            <Text name="value" x="0" y="0" width="426" height="50" font="font" text="" align="W"/>
                        </StatusBarProgress>

                    </Widget>

                    <!-- MANA -->
                    <ManaWidget name="mana" x="490" y="0" xml="/shop/sb_mana.xml"/>

                    <!-- HINT 2 TITLE -->
                    <Widget name="hint2">
                        <Text x="365" y="0" width="700" height="50" font="font" text="HINT2_TITLE" align="C"/>

                        <AnimController autoPlay="1">
                            <ActionGroup>
                                <EfxSendEvent delay="0" event="e_puzzle_hint2_controller">{"enable":true}</EfxSendEvent>

                                <ActionRepeat count="-1">
                                    <ActionChain>
                                        <EfxColor duration="0.5" from="FFFFFFFF" to="FFFF0000" modifier="sindiminish" />
                                        <EfxColor duration="0.5" from="FFFF0000" to="FFFFFFFF" modifier="sindiminish" />
                                    </ActionChain>
                                </ActionRepeat>
                            </ActionGroup>
                        </AnimController>
                    </Widget>

                </PaneController>

                <AnimController autoPlay="0" events="use_hint_2">
                    <ActionGroup>
                        <EfxSendEvent event="e_change_sub_pane" param="hint2"/>
                    </ActionGroup>
                </AnimController>

                <AnimController autoPlay="1">
                    <ActionGroup>
                        <EfxSendEvent event="e_change_sub_pane" param="main"/>
                    </ActionGroup>
                </AnimController>
            </Widget>

        </Widget>

        <!-- MANA -->
        <ManaWidget name="mana" x="480" y="0" xml="/shop/sb_mana.xml"/>

    </PaneController>

    <AnimController autoPlay="1">
        <ActionGroup>
            <EfxSendEvent event="e_sb_change_pane" param="main"/>
        </ActionGroup>
    </AnimController>

    <EventSwitchWidget event="e_puzzle_hint2_controller">
        <Case id="e_user_interaction" group="hide"/>

        <Group id="hide">
            <Event id="e_change_sub_pane">{"page":"main",}</Event>
            <Event id="e_puzzle_hint2_controller">{"enable":false,}</Event>
        </Group>
    </EventSwitchWidget>
</Layout>
