// gaitou.js

var Gaitou = function(id, gaitouSrc, animationGaitouSrc) {
	this.imgId = id;
	this.position_x = 0;
	this.position_y = 0;
	this.timerGaitouID = null;
	this.gaitouSrc = gaitouSrc;
	this.animationGaitouSrc = animationGaitouSrc;

};

Gaitou.prototype = {

	isOnImage: function(x, y)
	{
		imgObj = this.getObject();
		if(this.position_x < x && x < this.position_x + 177 && y < 183){
			return true;
		}
		return false;
	},

	isAnimation: function(){
		if(this.timerGaitouID != null){
			return true;
		}
		return false;
	},

	getObject: function() {
		return $("#"+this.imgId);
	},

	init: function(x, y)
	{
		this.getObject().attr("src", this.gaitouSrc);
		this.setImagePosition(x, y);
	},

	setImagePosition: function(x, y){
		this.position_x=x;
		this.position_y=y;
		this.moveImg();
	},

	// クリックした位置に画像を移動する
	moveImg: function() 
	{
		imgObj = this.getObject();
		imgObj.css("left",this.position_x);
		imgObj.css("top",this.position_y);

		$("#debug").html('x='+this.position_x+' : y='+this.position_y);
	},

	clearTimes: function()
	{
		clearTimeout(this.timerGaitouID);
		this.timerGaitouID = null;
	},


	doGaitouAnimation: function()
	{
		this.clearTimes();

		this.position_x -=27;
		this.moveImg();

		this.getObject().attr("src", this.animationGaitouSrc);
		var me2 = this;
		this.timerGaitouID = setTimeout(function(){me2.changeGaitouImage();}, 2000);

	},

	changeGaitouImage: function() 
	{

		this.position_x +=27;
		this.moveImg();
		this.getObject().attr("src", this.gaitouSrc);
		this.clearTimes();
	}

}