<layout width="1920" height="1080" font="mamedfont.ttf" loadFontSize="64" fontColor="dedede">


  <!-- Sounds -->

  <sound type="load" src="load.wav" />
  <sound type="unload" src="unload.wav" />
  <sound type="highlight" src="highlight.wav" />
  <sound type="select" src="select.wav" />



  <!-- Background image -->

  <image src="mamedbg.jpg" x="0" y="0" height="stretch" width="stretch" layer="0"/>



  <!--Menu structure-->

  <menu orientation="vertical" scrollTime=".24" scrollAcceleration=".04" algorithm="easeincircular" x="0" y="775" width="1920" height="220">
    <itemDefaults x="center" height="32" xOrigin="960" width="400" maxWidth="1700" fontSize="32" alpha="0.5" layer="1">
      <onMenuExit>
        <set duration=".1">
          <animate type="alpha" from="0.5" to="0" algorithm="easeincircular"/>
        </set>
      </onMenuExit>
      <onMenuEnter>
        <set duration=".1">
           <animate type="alpha" from="0" to="0.5" algorithm="easeincircular"/>
        </set>
      </onMenuEnter>
    </itemDefaults>
    <item index="start" spacing="0" alpha="0" height="0"/>
    <item index="end" spacing="0" alpha="0" height="0"/>
    <item index="3" spacing="2" height="48" fontSize="48" alpha="1" selected="true">
      <onMenuExit>
        <set duration=".1">
           <animate type="alpha" from="1" to="0" algorithm="easeincircular"/>
        </set>
      </onMenuExit>
      <onMenuEnter>
        <set duration=".1">
           <animate type="alpha" from="0" to="1" algorithm="easeincircular"/>
        </set>
      </onMenuEnter>
    </item>
  </menu>


  <!-- Reloadable items -->

  <reloadableVideo imageType="screenshot"       x="597"  y="520" xOrigin="center" yOrigin="center" maxHeight="360" width="800" layer="2">
    <onMenuExit menuIndex="0">
      <set duration=".3">
        <animate type="x"     from="597" to="797"/>
        <animate type="width" from="800" to="400"/>
      </set>
    </onMenuExit>
    <onMenuExit menuIndex="1">
      <set duration=".3">
        <animate type="x"     from="797" to="597"/>
        <animate type="width" from="400" to="800"/>
      </set>
    </onMenuExit>
    <onHighlightEnter>
      <set duration=".3">
        <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
      </set>
    </onHighlightEnter>
    <onHighlightExit>
      <set duration=".3">
        <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
      </set>
    </onHighlightExit>
  </reloadableVideo>


  <reloadableImage type="titleshot"             x="397"  y="520" xOrigin="center" yOrigin="center" height="360"    maxWidth="400" layer="2">
    <onMenuEnter menuIndex="1">
      <set duration=".1">
        <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
      </set>
    </onMenuEnter>
    <onMenuExit menuIndex="1">
      <set duration=".1">
        <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
      </set>
    </onMenuExit>
    <onHighlightEnter menuIndex="1">
      <set duration=".3">
        <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
      </set>
    </onHighlightEnter>
    <onHighlightExit menuIndex="1">
      <set duration=".3">
        <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
      </set>
    </onHighlightExit>
  </reloadableImage>


  <reloadableImage type="device"                x="1473" y="590" xOrigin="center" yOrigin="bottom" height="480"    maxWidth="650" layer="3">
    <onHighlightEnter menuIndex="0">
      <set duration=".3">
        <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
      </set>
    </onHighlightEnter>
    <onHighlightExit menuIndex="0">
      <set duration=".3">
        <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
      </set>
    </onHighlightExit>
  </reloadableImage>
  <reloadableImage type="device" mode="system"  x="1473" y="590" xOrigin="center" yOrigin="bottom" height="480"    maxWidth="650" layer="3"/>


  <reloadableImage type="logo"                  x="1473" y="100" xOrigin="center" yOrigin="top"    height="170"    maxWidth="650" layer="4">
    <onHighlightEnter>
      <set duration=".3">
        <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
      </set>
    </onHighlightEnter>
    <onHighlightExit>
      <set duration=".3">
        <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
      </set>
    </onHighlightExit>
  </reloadableImage>
  <reloadableImage type="logo"                  x="597"  y="350" xOrigin="center" yOrigin="bottom" height="60" maxWidth="200" layer="4" alpha="0">
    <onIdle>
      <set duration="1">
        <animate type="alpha" from="0" to="1" algorithm="easeinquadratic"/>
      </set>
      <set duration="1">
        <animate type="alpha" from="1" to="0" algorithm="easeinquadratic"/>
      </set>
    </onIdle>
  </reloadableImage>


  <reloadableText type="year"                   x="1220" y="712" xOrigin="center" fontSize="40"   maxWidth="200" layer="6"/>

  <reloadableText type="manufacturer"           x="1800" y="712" xOrigin="right"  fontSize="40"   maxWidth="500" layer="6"/>

  <reloadableText type="genre"                  x="1520" y="656" xOrigin="center" fontSize="40"   maxWidth="550" layer="6"/>


</layout>
