Jamie was bubbling with questions. She hadn't seen her mother for months! Jamie's mom told her to sit down. Jamie told her all about how she was from the past, but her mom just nodded. She must have known about her traveling somehow. Jamie's mom placed a large aquamarine glass ball onto a table and told Jamie where she needed to be next. Jamie's mother was a fortune teller.<br>
<br>

<canvas id="myCanvas" width="338" height="501"></canvas>

<script>

// Find the canvas (and call it "myCanv")
var myCanv = document.getElementById("myCanvas");

var x = 229;
var y = 189;
var state = 0;
var state2 = 0;

function drawFrame()
{
	// Get a context (like a paint brush)
	var ctx = myCanv.getContext("2d");

	// Draw the image on the canvas
	ctx.drawImage(image_bg, 0,0);
	ctx.drawImage(image_rh, x,195);
	ctx.drawImage(image_lh, y,190);

	// Animate the right hand
	if(state == 0)
	{
		x++;
		if(x > 243)
			state = 1;
	}
	else
	{
		x--;
		if(x < 229)
			state = 0;
	}
	
	// Animate the left hand
	if(state2 == 0)
	{
		y--;
		if(y < 180)
			state2 = 1;
	}
	else
	{
		y++;
		if(y > 189)
			state2 = 0;
	}
}

// Make new image objects
var image_bg = new Image();
var image_rh = new Image();
var image_lh = new Image();

// Load the images
image_bg.src="nh.png";
image_rh.src="h2.png";
image_lh.src="h.png";

// call "drawFrame" every 50 mili-seconds
var timer = setInterval(drawFrame, 90);


</script>

<br><a href="test.html">What you must do</a><br>