// img要素
var img;

// アニメーションの配列、アニメーションの位置
var anim;
var animIndex;

// キャラクターの座標と速度
var x,y,ix,ex;
var vx,vy;

// メインルーチン（プログラムの主要な処理）
function main() {
	// キャラクターの画像を表示する
	img=document.createElement("img");
	document.body.appendChild(img);
	img.src="tennisball.gif";
	
	// アニメーションの配列を初期化する
	anim=new Array(
		"image/tennisdog.gif","image/tennisdogbk2.gif"
	);
	
	// アニメーションの位置を初期化する
	animIndex=0;

	// 画像の表示位置を絶対値で指定する
	img.style.position="absolute";

	// 座標と速度の初期化
	sx=(screen.width/2+800/2-100);
	ex=(screen.width/2-800/2);
//	document.write(sx);
//	document.write(" ");
//	document.write(ex);
	x=sx;
	y=200;
	vx=-5;
	vy=3;
	
	// 一定時間ごとに実行する処理を登録する
	setInterval(update, 300);
}

//一定時間ごとに実行する処理
function update() {
	
	// アニメーションを再生する
	img.src=anim[animIndex];
//	animIndex++;
//	if(animIndex >= anim.length) {
//		animIndex = 0;
//	}

	// 座標を変更する
	x+=vx;
	y+=vy;
	
	// 画面上の一定の範囲から外れたら、速度の符号を反転させる
	if(x<=ex || x>=sx) {
		vx=-vx;
		if( x<=ex ) 
			animIndex++;
		if( x>=sx ) 
			animIndex=0;
	}
	if(y<=100 || y>=102) vy=-vy;
	
	// 画像の座標を変更する
	img.style.left = x+"px";
	img.style.top = y+"px";
}