<?xml version="1.0" ?>

<dockLayout>

  <dataNumber name="IN_DUR" value="300" />
  <dataNumber name="OUT_DUR" value="250" />
  
  <image id="image-placeholder" dockLayout.halign="center" dockLayout.valign="center" />
  
  <action on="show">
    <animate targetNode="image-placeholder" targetAttr="width" begin="0ms" dur="{IN_DUR}" from="0" to="{window.width}" />
    <animate targetNode="image-placeholder" targetAttr="height" begin="0ms" dur="{IN_DUR}" from="0" to="{window.height}" />
    <animate targetNode="image-placeholder" targetAttr="opacity" begin="0ms" dur="{IN_DUR}" ease="in" from="0" to="1" />
  </action>

  <action on="hide">
    <animate targetNode="image-placeholder" targetAttr="width" begin="0ms" dur="{OUT_DUR}" from="*" to="0" />
    <animate targetNode="image-placeholder" targetAttr="height" begin="0ms" dur="{OUT_DUR}" from="*" to="0" />
    <animate targetNode="image-placeholder" targetAttr="opacity" begin="0ms" dur="{OUT_DUR}" ease="out" from="1" to="0" />
  </action>
  
</dockLayout>

