<?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>
