<?xml version="1.0" encoding="utf-8" ?>
<Layout>
    
    <HintItem name="hint1" x="0" y="0" width="500" height="200"
                 price="shop_hint1_price" qty="10" commodity="hint1"
                 desc="SHOP_HINT1_DESC" msg_buy="SHOP_HINT1_BUY" msg_no_mana="MSG_NO_MANA">

        <Widget x="0" y="0">
            <Image x="-10" y="0" image="/hint/border_hint.png"/>
            <Image x="-11" y="-3" image="/hint/hint_1_on.png"/>

            <Text name="remain" x="71" y="87" width="50" height="50" font="font" text="HINT1_DLG_REMAIN" align="C" color="ffffffff"/>

            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxVisible visible="0"/>
                    <ActionGroup>
                        <EfxColor from="00ffffff" to="ffffffff" duration="0.1"/>
                        <EfxVisible visible="1"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>
        </Widget>

        <Widget x="0" y="0">
            <Image x="110" y="97" image="/hint/line.png"/>
            <Text name="desc" x="138" y="8" width="352" height="80" font="author" text="SHOP_HINT1_LONGDESC" align="NW" color="ff28302a"/>

            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxVisible visible="0"/>
                    <ActionGroup>
                        <EfxColor from="00ffffff" to="ffffffff" duration="0.3"/>
                        <EfxVisible visible="1"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>
        </Widget>

        <Widget x="0" y="0">
            <Button name="use" x="70" y="100" image="/hint/button_big_blue.png" scale="0.7" >
                <Text x="100" y="31" font="font" text="HINT_DLG_USE_HINT" align="NW" color="ffffffff"/>
                <Image x="-8" y="-25" image="/hint/hint_on.png" scale="0.5"/>
            </Button>

            <Button name="use_d" x="70" y="100" image="/hint/button_big_gray.png" scale="0.7" >
                <Text x="100" y="31" font="font" text="HINT_DLG_USE_HINT" align="NW" color="ffffffff"/>
                <Image x="-8" y="-25" image="/hint/hint_off.png" scale="0.5"/>
            </Button>

            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxVisible visible="0"/>
                    <EfxWait delay="0.1"/>
                    <ActionGroup>
                        <EfxColor from="00ffffff" to="ffffffff" duration="0.1"/>
                        <EfxVisible visible="1"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>
        </Widget>

        <Button name="buy" x="258" y="100" image="/hint/button_big_green.png" scale="0.7" >
            <Text x="100" y="31" font="font" text="HINT_DLG_BUY_HINT" align="NW" color="ffffffff"/>
            <Image x="-8" y="-25" image="/hint/shop.png" scale="0.5"/>

            <AnimController autoPlay="1">
                <ActionChain>
                    <EfxVisible visible="0"/>
                    <EfxWait delay="0.2"/>
                    <ActionGroup>
                        <EfxColor from="00ffffff" to="ffffffff" duration="0.1"/>
                        <EfxVisible visible="1"/>
                    </ActionGroup>
                </ActionChain>
            </AnimController>
        </Button>
    </HintItem>
</Layout>
