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

    <Widget x="0" y="0" xml="/interface/anim_status_bar.xml">
        <PaneController name="status_bar" x="0" y="0" events="sb_change_pane">
            <!-- MAIN -->
            <Widget name="main" x="0" y="0">
                <StatusBarActionBox x="200" y="-10">
                    <Button name="status_bar_action_box" x="0" y="0" image="/shop_money/action_box_timer.png" create_if="$device.hasInAppSupport == true">
                        <Click cmd="layout" param="ShopMoney">
                            <Param value="crossfade"/>
                        </Click>

                        <Text name="timer" x="30" y="20" width="100" height="20" font="author" text="99:99:99" align="C" color="FFFFE191"/>
                        <Properties>
                            <Property key="sfx_btn_hover">button_hover</Property>
                        </Properties>
                    </Button>
                </StatusBarActionBox>
                <Widget x="620" y="-17">
                    <Widget name="wah" x="0" y="-50">
                        <aImage name="spot" x="38" y="38" image="/particles/gfx_spot_01.png"/>
                        <Image name="new_el" x="0" y="0" image="/interface/new_element.png"/>
                        <AnimController name="wah_anim" autoPlay="1" events="play_wah_anim">
                            <ActionChain>
                                <EfxColor duration="0.0" to="00FFFFFF"/>
                            </ActionChain>
                        </AnimController>

                        <AnimController name="wah_anim" autoPlay="0" events="play_wah_anim">
                            <ActionChain>
                                <ActionGroup>
                                    <EfxColor duration="1.2" from="00FFFFFF" to="FFFFFFFF"/>
                                    <EfxRotate from="0" to="360" duration="5"/>
                                    <EfxScaleXY duration="1.2"  from_x="0" from_y="0" to_x="1" to_y="1"/>
                                </ActionGroup>
                                <ActionGroup>
                                    <EfxColor duration="1.0" from="ffFFFFFF" to="00FFFFFF"/>
                                    <EfxRotate from="0" to="60" duration="5"/>
                                    <EfxScaleXY duration="1.0"  from_x="1" from_y="1" to_x="0" to_y="0"/>
                                </ActionGroup>

                            </ActionChain>
                        </AnimController>
                    </Widget>
                    <StatusBarItem x="0" y="0" name="disable_repetitions" commodity="disable_repetitions">
                        <Button name="icon_on" x="0" y="0" image="/interface/border_norepeat.png" color="FFFFFFFF">
                            <Click cmd="layout" param="Shop">
                                <Param value="crossfade"/>
                            </Click>

                            <Properties>
                                <Property key="sfx_btn_hover">button_hover</Property>
                            </Properties>
                        </Button>

                        <Button name="icon_off" x="0" y="0" image="/interface/border_norepeat.png" color="80FFFFFF">
                            <Click cmd="layout" param="Shop">
                                <Param value="crossfade"/>
                            </Click>

                            <Properties>
                                <Property key="sfx_btn_hover">button_hover</Property>
                            </Properties>
                        </Button>
                    </StatusBarItem>

                    <StatusBarItem x="54" y="0" name="gray" commodity="gray">
                        <Button name="icon_on" x="0" y="0" image="/interface/border_finish.png" color="FFFFFFFF">
                            <Click cmd="layout" param="Shop">
                                <Param value="crossfade"/>
                            </Click>

                            <Properties>
                                <Property key="sfx_btn_hover">button_hover</Property>
                            </Properties>
                        </Button>

                        <Button name="icon_off" x="0" y="0" image="/interface/border_finish.png" color="80FFFFFF">
                            <Click cmd="layout" param="Shop">
                                <Param value="crossfade"/>
                            </Click>

                            <Properties>
                                <Property key="sfx_btn_hover">button_hover</Property>
                            </Properties>
                        </Button>
                    </StatusBarItem>

                    <StatusBarItem x="108" y="0" name="dotted" commodity="dotted">
                        <Button name="icon_on" x="0" y="0" image="/interface/border_dotted.png" color="FFFFFFFF">
                            <Click cmd="layout" param="Shop">
                                <Param value="crossfade"/>
                            </Click>

                            <Properties>
                                <Property key="sfx_btn_hover">button_hover</Property>
                            </Properties>
                        </Button>

                        <Button name="icon_off" x="0" y="0" image="/interface/border_dotted.png" color="80FFFFFF">
                            <Click cmd="layout" param="Shop">
                                <Param value="crossfade"/>
                            </Click>
                        </Button>

                        <Properties>
                            <Property key="sfx_btn_hover">button_hover</Property>
                        </Properties>
                    </StatusBarItem>

                    <StatusBarPentagram show_if="$device.getGameType == f2p | $device.getGameType == blitz" x="162" y="0" alias="STATUS_BAR_GROUPS">
                        <!-- ##################################### -->
                        <ProgressBarWidget name = "pentagram_progress" x = "63" y = "22">
                            <Properties>
                                <Property key="bar">mask</Property>
                                <Property key="dir">E</Property>
                            </Properties>
                            <Image x="0" y="0" name="mask" tex_rect="0,0,120,36" image="/interface/toolbar_penta_progress_02.png" />
                        </ProgressBarWidget>
                        <!-- -->
                        <Image x="36" y="21" width="155" height="45" name="mask_bar" image="/interface/toolbar_penta_progress_01.png" />
                        <!-- -->
                        <Text name="pentagram_stat" x="70" y="28" width="100" height="20" font="author" text="20/20" align="C" color="FFFFE191"/>
                        <Text name="pentagram_more" x="20" y="60" width="200" height="20" font="small" text="" align="C" color="FFFFFFFF" visible="false"/>
                        <!--  #################################### -->
                        <Button name="pentagram_btn" x="0" y="0" image="/interface/border_pentagram_01.png">
                            <State name="1" image="/interface/border_pentagram_01.png"/>
                            <State name="2" image="/interface/border_pentagram_02.png"/>
                            <State name="3" image="/interface/border_pentagram_03.png"/>


                            <Click cmd="layout" param="Shop">
                                <Param value="crossfade"/>
                            </Click>

                            <AnimController name="flash_on" autoPlay="0" events="pentagram_flash_on">
                                <ActionRepeat repeat="-1">
                                    <ActionChain>
                                        <EfxColor duration="0.5" from="00FFFFFF" to="FFFFFFFF"/>
                                        <EfxColor duration="0.5" from="FFFFFFFF" to="00FFFFFF"/>
                                    </ActionChain>
                                </ActionRepeat>
                            </AnimController>

                            <AnimController name="flash_off" autoPlay="0" events="pentagram_flash_off">
                                <ActionChain>
                                    <EfxColor duration="0.2" from="00FFFFFF" to="FFFFFFFF"/>
                                </ActionChain>
                            </AnimController>

                            <Properties>
                                <Property key="sfx_btn_hover">button_hover</Property>
                            </Properties>
                        </Button>
                        <!-- ##################################### -->
                    </StatusBarPentagram>


                </Widget>

                <CommodityQuantity x="1010" y="10" commodity="key">
                    <Image name="glow" x="-45" y="-29" image="/interface/glow_under_energy.png"/>
                    <Image x="0" y="0" image="/interface/key_up_menu.png"/>
                    <Text name="value" x="44" y="2" width="64" height="24" font="author" text="" align="W" color="FFFFFFFF"/>
                </CommodityQuantity>

                <Button name="status_bar_energy" x="1065" y="-17" create_if="$device.hasInAppSupport == true">
                    <!--Image name="button" x="0" y="0" image="/interface/plus_energy_bkg.png">
                        <AnimController autoPlay="1">
                            <ActionChain>
                                <ActionRepeat repeat="-1">
                                    <ActionChain>
                                        <EfxWait delay="20"/>
                                        <ActionRepeat repeat="3">
                                            <ActionChain>
                                                <ActionGroup>
                                                    <EfxRotate from="0" to="180" duration="2.5"/>
                                                    <EfxColor duration="2.5" from="FFFFFFFF" to="80FFFFFF" modifier="sindiminish"/>
                                                </ActionGroup>
                                                <ActionGroup>
                                                    <EfxRotate from="181" to="360" duration="2.5"/>
                                                    <EfxColor duration="2.5" from="80FFFFFF" to="FFFFFFFF" modifier="sindiminish"/>
                                                </ActionGroup>
                                            </ActionChain>
                                        </ActionRepeat>
                                    </ActionChain>
                                </ActionRepeat>
                            </ActionChain>
                        </AnimController>
                    </Image-->
                    <Image name="button" x="0" y="0" image="/interface/plus_energy.png" />
                    <Event id="e_buy_key">{"commodity": "key"}</Event>

                    <Properties>
                        <Property key="sfx_btn_hover">button_hover</Property>
                    </Properties>
                </Button>

                <ManaWidget x="1135" y="-2" xml="/shop/sb_mana_short.xml"/>

                <MiniShop event="e_buy_key"/>

                <Button name="status_bar_energy" x="1216" y="-17" create_if="$device.hasInAppSupport == true">
            <!--Image name="button" x="0" y="0" image="/interface/plus_energy_bkg.png">
                <AnimController autoPlay="1">
                    <ActionChain>
                        <ActionRepeat repeat="-1">
                            <ActionChain>
                                <EfxWait delay="20"/>
                                <ActionRepeat repeat="3">
                                    <ActionChain>
                                        <ActionGroup>
                                            <EfxRotate from="0" to="180" duration="2.5"/>
                                            <EfxColor duration="2.5" from="FFFFFFFF" to="80FFFFFF" modifier="sindiminish"/>
                                        </ActionGroup>
                                        <ActionGroup>
                                            <EfxRotate from="181" to="360" duration="2.5"/>
                                            <EfxColor duration="2.5" from="80FFFFFF" to="FFFFFFFF" modifier="sindiminish"/>
                                        </ActionGroup>
                                    </ActionChain>
                                </ActionRepeat>
                            </ActionChain>
                        </ActionRepeat>
                    </ActionChain>
                </AnimController>
            </Image-->
            <Image name="button" x="0" y="0" image="/interface/plus_energy.png" />
            <Click cmd="layout" param="ShopMoney">
                <Param value="crossfade"/>
            </Click>

            <Properties>
                <Property key="sfx_btn_hover">button_hover</Property>
            </Properties>
        </Button>

        <!-- old version -->
        <!-- <ManaWidget name="mana" x="955" y="0" xml="/shop/sb_mana.xml"/> -->
    </Widget>
</PaneController>
</Widget>
</Layout>
