<include path="styles/common.xml"/>
<res path="screen/help"/>

<rect w="1.0" h="1.0" fill="0xA0000000"/>

<list x="0.5" y="0.47" z="1">
    <!-- BG -->
    <image.cc z="-1" src="screen/common_bg.png"/>
    <localestring.cc name="title.help" y="-0.36"/>
    <image.ct src="flower.png" y="0.1233"/>
    <!-- pages -->
    <list y="-0.3">
        <list x="-0.13" y="0.12"><!-- pics -->
            <image.cc                z="1" src="page-frame-bg.png"/>
            <animation.cc id="pages" z="2" src="page-frames.jpg" cols="10" frames="0 7 9 4"/>
        </list>

        <localestring.lt id="page-h"        x="-0.04"           name="help.h1"/>
        <localetext.lt   id="page-t"        x="-0.04" y="0.05"  name="help.t1" wrap="0.25"/>
    </list>

    <!-- buttons -->
    <ref.btn.cc z="4" class="listbutton" states="0123" state.eventid="100"/>
    <ref.btn-bg.cc class="stateimage" states="4" z="1"/>
    <ref.btn-sign.cc class="localestring" ay="-3" z="2"/>
    <list y="0.01">
        <btn id="prev" x="-0.1"  event.id="1"> <btn-bg src="btn-prev.png" frames="-1 0 0 0"/> </btn>
        <btn id="next" x="0.125" event.id="2"> <btn-bg src="btn-next.png" frames="-1 0 0 0"/> </btn>

        <image.cc                       y="0.015" src="line.png"/>
        <localestring.cc id="page-n"    y="0.015" name="help.page"/>

        <btn.close x="0.069" y="0.1">
            <btn-bg    src="screen/btn-long.png" cols="2" frames="-1 0 1 0"/>
            <btn-sign  states="2" name="ok"/>
        </btn.close>
    </list>
</list>

<param
    sound.btnClick="sound/menu/select.wav"
    sound.btnHover="sound/menu/hover.wav"
/>