<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>
<!-- <!DOCTYPE Movie SYSTEM "dtd/RVML.dtd"> -->
<Movie version='6' width='600' height='400' rate='1' backgroundColor='white' compressed='No'
    xmlns="http://www.kineticfusion.org/RVML/2.0">
    <Title>
        Button DragTarget Example
    </Title>
    <Desc>
        Illustrates the difference in behavior between a button with the dragTarget attribute
        enabled and a button with the dragTarget attribute disabled.
    </Desc>
    <Definitions>
        <FontDefinition id='Arial' fontName='Arial' fontStyle='(bold)' fontRange='defined' />
        <EditField id='headingDragTarget' bounds='bounds(-2, -2.0,150, 14.0)' fieldName='' fontID='Arial' fontSize='10.0' alignment='left' charLimit='0' color='black' properties='(systemFont)'>
            <InitialText>DragTarget Button</InitialText>
        </EditField>
        <EditField id='headingNormal' bounds='bounds(-2, -2.0, 150, 14.0)' fieldName='' fontID='Arial' fontSize='10.0' alignment='left' charLimit='0' color='black' properties='(systemFont)'>
            <InitialText>Normal Button</InitialText>
        </EditField>

        <!-- Box shape to play around with -->
        <Shape id='BoxOrigin' bounds="auto">
            <LineStyles>
                <LineStyle index="1" width="1" color="red"/>
            </LineStyles>
            <FillStyles>
                <ColorFill index="1" color="lightGrey"/>
            </FillStyles>
            <Edges>
                <SetStyle line="1" mainFill="1"/>
                <Rect x="0" y="0" width="100" height="100"/>
            </Edges>
        </Shape>
    <Button id="testButtonDragTarget" dragTarget="Yes">
        <Layers>

            <!-- Use Box symbol as source for up and hit layers -->
            <Layer states="(up, hit)" symbol="BoxOrigin" depth="1"/>

            <!-- Increase size of box when the mouse goes over -->
            <Layer states="(over)" symbol="BoxOrigin" depth="1">
                <Transform scaleX="1.2" scaleY="1.2"/>
            </Layer>

            <!-- Increase size of box when the mouse goes over, change color, and move down and across-->
            <Layer states="(down)" symbol="BoxOrigin" depth="1">
                <Transform scaleX="1.2" scaleY="1.2" translateX="10" translateY="10"/>
                <RGBAColorTransform addRed="50" addBlue="40" />
            </Layer>
        </Layers>
    </Button>
    <Button id="testButtonNormal" dragTarget="No">
        <Layers>

            <!-- Use Box symbol as source for up and hit layers -->
            <Layer states="(up, hit)" symbol="BoxOrigin" depth="1"/>

            <!-- Increase size of box when the mouse goes over -->
            <Layer states="(over)" symbol="BoxOrigin" depth="1">
                <Transform scaleX="1.2" scaleY="1.2"/>
            </Layer>

            <!-- Increase size of box when the mouse goes over, change color, and move down and across-->
            <Layer states="(down)" symbol="BoxOrigin" depth="1">
                <Transform scaleX="1.2" scaleY="1.2" translateX="10" translateY="10"/>
                <RGBAColorTransform addRed="-50" addGreen="-50" addBlue="20" />
            </Layer>
        </Layers>
    </Button>
    </Definitions>
        <Timeline>
        <!-- Place the test button with dragTarget at the left of the screen -->
        <Frame >
            <Place name="headingDragTarget" depth="1" x="50" y="30"/>
            <Place name="testButtonDragTarget" depth="2" x="50" y="50"/>
        <!-- Place the normal test button at the right of the screen -->
            <Place name="headingNormal" depth="3" x="450" y="30"/>
            <Place name="testButtonNormal" depth="4" x="450" y="50"/>
        </Frame>
    </Timeline>
</Movie>