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

        <ProgressBarWidget name="bar" x="0" y="0">
            <Image name="border_disable" x="-10" y="0" image="/hint/border_hint_disable.png"/>
            <Image name="border_enable" 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"/>

            <Properties>
                <Property key="bar">border_enable</Property>
                <Property key="bkg">border_disable</Property>
                <Property key="val">1</Property>
                <Property key="dir">N</Property>
            </Properties>
        </ProgressBarWidget>

        <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="FFFFFFFF"/>
        </Widget>

        <Widget x="70" y="100">
            <Button name="use" x="0" y="0" image="/hint/button_big_violet.png" scale="0.7" >
                <Image x="-8" y="-25" image="/hint/hint_on.png" scale="0.5"/>
                <Text x="80" y="29" width="160" height="20" font="font" text="HINT_DLG_USE_HINT" align="C" color="ffffffff"/>
                
                <Properties>
                    <Property key="sfx_btn_hover">button_hover</Property>
                </Properties>
            </Button>

            <Button name="use_d" x="0" y="0" image="/hint/button_big_gray.png" scale="0.7" >
                <Image x="-8" y="-25" image="/hint/hint_off.png" scale="0.5"/>
                <Text name="timer" x="80" y="29" width="160" height="20" font="author" align="C" color="ffffffff"/>
                <Text name="text" x="80" y="29" width="160" height="20" font="font" text="HINT_DLG_USE_HINT" align="C" color="ffffffff"/>
            </Button>

            <Widget name="hint_for_ad_1" x="0" y="0" visible="0">
                <Button name="ad_button" x="0" y="0" image="/hint/button_big_violet.png" scale="0.7" >
                    <Image x="45" y="14" image="/hint/ad.png" />
                </Button>
            </Widget>
            
			<Properties>
				<Property key="gp_selectable">1</Property>
			</Properties>
        </Widget>
        
        <!--Text name="timer" x="-30" y="135" width="160" height="20" font="author" align="C" color="ff404040"/-->

        <Widget x="258" y="100">
            <Button name="buy" x="0" y="0" image="/hint/button_big_orange.png" scale="0.7" >
                <Text x="80" y="29" width="160" height="20" font="font" text="HINT_DLG_BUY_HINT" align="C" color="ffffffff"/>
                <Image x="-8" y="-25" image="/hint/shop.png" scale="0.5"/>
            </Button>
        
            <Properties>
                <Property key="sfx_btn_hover">button_hover</Property>
                <Property key="gp_selectable">1</Property>
            </Properties>

        </Widget>


        <AnimController autoPlay="1">
            <ActionChain>
                <EfxColor duration="0.0" to="00ffffff"/>
                <EfxWait delay="0.3"/>
                <ActionGroup>
                    <EfxMove duration="0.4" from_x="0" from_y="-500" to_x="0" to_y="0" modifier="sindiminish"/>
                    <EfxColor duration="0.4" from="00ffffff" to="ffffffff"  modifier="sindiminish"/>
                </ActionGroup>
            </ActionChain>
        </AnimController>
    </HintItem>
    
    <!-- HINT 2 -->

    <HintItem name="2" x="0" y="200" width="500" height="200"
                 price="price_shop_hint2" qty="10" commodity="hint2"
                 desc="SHOP_HINT2_DESC" msg_buy="SHOP_HINT2_BUY" msg_no_mana="MSG_NO_MANA">

        <ProgressBarWidget x="0" name="bar" y="0">
            <Image name="border_disable" x="-10" y="0" image="/hint/border_hint_disable.png"/>
            <Image name="border_enable" x="-10" y="0" image="/hint/border_hint.png"/>
            <Image x="-11" y="-3" image="/hint/hint_2_on.png"/>
            <Text name="remain" x="71" y="87" width="50" height="50" font="font" text="HINT2_DLG_REMAIN" align="C" color="ffffffff"/>
            
            <Properties>
                <Property key="bar">border_enable</Property>
                <Property key="bkg">border_disable</Property>
                <Property key="val">1</Property>
                <Property key="dir">N</Property>
            </Properties>
        </ProgressBarWidget>

        <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_HINT2_LONGDESC" align="NW" color="FFFFFFFF"/>
        </Widget>

        <Widget x="70" y="100" >
            <Button name="use" x="0" y="0" image="/hint/button_big_violet.png" scale="0.7" >
                <Text x="80" y="29" width="160" height="20" font="font" text="HINT_DLG_USE_HINT" align="C" color="ffffffff"/>
                <Image x="-8" y="-25" image="/hint/hint_on.png" scale="0.5"/>
                <Properties>
                    <Property key="sfx_btn_hover">button_hover</Property>
                </Properties>
            </Button>

            <Button name="use_d" x="0" y="0" image="/hint/button_big_gray.png" scale="0.7" >
                <Image x="-8" y="-25" image="/hint/hint_off.png" scale="0.5"/>
                <Text name="timer" x="80" y="29" width="160" height="20" font="author" align="C" color="ffffffff"/>
                <Text name="text" x="80" y="29" width="160" height="20" font="font" text="HINT_DLG_USE_HINT" align="C" color="ffffffff"/>
            </Button>

            <Widget name="hint_for_ad_2" x="0" y="0" visible="0">
                <Button name="ad_button" x="0" y="0" image="/hint/button_big_violet.png" scale="0.7" >
                    <Image x="45" y="14" image="/hint/ad.png" />
                </Button>
            </Widget>
            
            <Properties>
                <Property key="gp_selectable">1</Property>
            </Properties>
        </Widget>
        
        <!--Text name="timer" x="-30" y="135" width="160" height="20" font="author" align="C" color="ff404040"/-->

        <Widget x="258" y="100">
            <Button name="buy" x="0" y="0" image="/hint/button_big_orange.png" scale="0.7" >
                <Text x="80" y="29" width="160" height="20" font="font" text="HINT_DLG_BUY_HINT" align="C" color="ffffffff"/>
                <Image x="-8" y="-25" image="/hint/shop.png" scale="0.5"/>
                
            </Button>
            
            <Properties>
                <Property key="sfx_btn_hover">button_hover</Property>
                <Property key="gp_selectable">1</Property>
            </Properties>
            
        </Widget>


        <AnimController autoPlay="1">
            <ActionChain>
                <EfxColor duration="0.0" to="00ffffff"/>
                <EfxWait delay="0.2"/>
                <ActionGroup>
                    <EfxMove duration="0.4" from_x="0" from_y="-500" to_x="0" to_y="200" modifier="sindiminish"/>
                    <EfxColor duration="0.4" from="00ffffff" to="ffffffff" modifier="sindiminish"/>
                </ActionGroup>
            </ActionChain>
        </AnimController>

    </HintItem>
    
    <!-- HINT 3 -->

    <HintItem name="3" x="0" y="400" width="500" height="200"
                 price="price_shop_hint3" qty="10" commodity="hint3"
                 desc="SHOP_HINT3_DESC" msg_buy="SHOP_HINT3_BUY" msg_no_mana="MSG_NO_MANA">

        <ProgressBarWidget name="bar" x="0" y="0">
            <Image name="border_disable" x="-10" y="0" image="/hint/border_hint_disable.png"/>
            <Image name="border_enable" x="-10" y="0" image="/hint/border_hint.png"/>
            <Image x="-11" y="-3" image="/hint/hint_3_on.png"/>
            <Text name="remain" x="71" y="87" width="50" height="50" font="font" text="HINT3_DLG_REMAIN" align="C" color="ffffffff"/>
            
            <Properties>
                <Property key="bar">border_enable</Property>
                <Property key="bkg">border_disable</Property>
                <Property key="val">1</Property>
                <Property key="dir">N</Property>
            </Properties>
        </ProgressBarWidget>

        <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_HINT3_LONGDESC" align="NW" color="FFFFFFFF"/>
        </Widget>

        <Widget x="70" y="100">
            <Button name="use" x="0" y="0" image="/hint/button_big_violet.png" scale="0.7" >
                <Text x="80" y="29" width="160" height="20" font="font" text="HINT_DLG_USE_HINT" align="C" color="ffffffff"/>
                <Image x="-8" y="-25" image="/hint/hint_on.png" scale="0.5"/>
                <Properties>
                    <Property key="sfx_btn_hover">button_hover</Property>
                </Properties>
            </Button>

            <Button name="use_d" x="0" y="0" image="/hint/button_big_gray.png" scale="0.7">
                <Image x="-8" y="-25" image="/hint/hint_off.png" scale="0.5"/>
                <Text name="timer" x="80" y="29" width="160" height="20" font="author" align="C" color="ffffffff"/>
                <Text name="text" x="80" y="29" width="160" height="20" font="font" text="HINT_DLG_USE_HINT" align="C" color="ffffffff"/>
            </Button>
            
            <Widget name="hint_for_ad_3" x="0" y="0" visible="0">
                <Button name="ad_button" x="0" y="0" image="/hint/button_big_violet.png" scale="0.7" >
                    <Image x="45" y="14" image="/hint/ad.png" />
                </Button>
            </Widget>
            
            <Properties>
                <Property key="gp_selectable">1</Property>
            </Properties>
        </Widget>
        
        <!--Text name="timer" x="-30" y="135" width="160" height="20" font="author" align="C" color="ff404040"/-->

        <Widget x="258" y="100">
            <Button name="buy" x="0" y="0" image="/hint/button_big_orange.png" scale="0.7" >
                <Text x="80" y="29" width="160" height="20" font="font" text="HINT_DLG_BUY_HINT" align="C" color="ffffffff"/>
                <Image x="-8" y="-25" image="/hint/shop.png" scale="0.5"/>
            </Button>
        
            <Properties>
                <Property key="sfx_btn_hover">button_hover</Property>
                <Property key="gp_selectable">1</Property>
            </Properties>
        </Widget>


        <AnimController autoPlay="1">
            <ActionChain>
                <EfxColor duration="0.0" to="00ffffff"/>
                <EfxWait delay="0.1"/>
                <ActionGroup>
                    <EfxMove duration="0.4" from_x="0" from_y="-500" to_x="0" to_y="400" modifier="sindiminish"/>
                    <EfxColor duration="0.4" from="00ffffff" to="ffffffff" modifier="sindiminish"/>
                </ActionGroup>
            </ActionChain>
        </AnimController>

    </HintItem>
    <AnimController autoPlay="1">
        <ActionChain>
            <EfxPlaySound sound="hint_screen_transistion"/>                
        </ActionChain>
    </AnimController>    
</Layout>
