<?xml version="1.0"?>
<Widget setSize="475,150">
  <Widget setBorder="roundraised" setName="panel1" setAlign="top" setShape="10,10,30,130">
    <Button setLabel="&#62;" setName="btndown" setShape="5,5,20,20" setAnchor="false,false,true,false" addActionTarget="action,btndown,setVisible='false',action,btnup,setVisible='true',action,panel1,setMotionScript='scriptright'"/>
    <Button setLabel="&#60;" setName="btnup" setVisible="false" setShape="5,5,20,20" setAnchor="false,false,true,false" addActionTarget="action,btndown,setVisible='true',action,btnup,setVisible='false',action,panel1,setMotionScript='scriptleft',action,roll,setMotionScript='null'"/>
    <Button setName="roll" setLabel="Click Me!" setShape="5,5,20,120" setAnchor="true,false,true,false" addActionTarget="action,this,setMotionScript='scriptrollover'"/>
  </Widget>
  <Widget setName="anim" setShape="200,10,115,108" />
  <Button setLabel="start animation" setShape="200,120,115,25" addActionTarget="action,anim,setMotionScript='scriptimage'"/>
  <Button setLabel="view Source" setShape="320,120,115,25" addActionTarget="tab,action,loadUrl='motion.xml'"/>
  <MotionScript setName="scriptleft" setLoop="false">
    <Interval setTime="100" addToSize="-33,0"/>
    <Interval setTime="100" addToSize="-31,0"/>
    <Interval setTime="100" addToSize="-30,0"/>
    <Interval setTime="100" addToSize="-20,0"/>
    <Interval setTime="100" addToSize="-15,0"/>
    <Interval setTime="100" addToSize="-8,0"/>
    <Interval setTime="100" addToSize="-4,0"/>
    <Interval setTime="100" addToSize="-2,0"/>
  </MotionScript>

  <MotionScript setName="scriptright" setLoop="false">
    <Interval setTime="100" addToSize="33,0"/>
    <Interval setTime="100" addToSize="31,0"/>
    <Interval setTime="100" addToSize="30,0"/>
    <Interval setTime="100" addToSize="20,0"/>
    <Interval setTime="100" addToSize="15,0"/>
    <Interval setTime="100" addToSize="8,0"/>
    <Interval setTime="100" addToSize="4,0"/>
    <Interval setTime="100" addToSize="2,0"/>
  </MotionScript>

  <MotionScript setName="scriptimage" setLoop="true">
    <Interval setTime="200" setImage="images/anim01.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim02.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim03.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim04.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim05.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim06.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim07.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim08.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim09.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim10.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim11.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim12.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim13.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim14.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim15.gif,115,108"/>
    <Interval setTime="200" setImage="images/anim16.gif,115,108"/>
  </MotionScript>

  <MotionScript setName="scriptrollover" setLoop="true">
    <Interval setTime="100" setImage="images/roll01.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll02.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll03.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll04.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll05.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll06.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll07.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll08.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll09.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll10.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll11.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll12.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll13.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll14.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll15.jpg,152,110"/>
    <Interval setTime="100" setImage="images/roll16.jpg,152,110"/>
  </MotionScript>

</Widget>

