function Ani(elName) {
	this.elName = elName;
}
Ani.prototype = {
	init: function(){
		this.el=document.getElementById(this.elName);
		this.speed=0;
		this.tickTime=10;
		this.hTimer=0;
		this.sign=0;
	},

	initAni: function(param, valStart, valEnd, timePer){
		this.stop();
		this.param=param;this.val=valStart;this.val1=valStart;this.val2=valEnd; this.duration=timePer;
		
		this.delta=(this.val2-this.val1)*this.tickTime/this.duration;
		this.startDelta=this.delta;
		
		if(this.val1<=this.val2) this.sign=1; else this.sign=-1;
		//alert(this.sign);
	},
	
	tick: function(){
		this.val+=this.delta;
		if(this.sign==1) {if (this.val>this.val2) this.val=this.val2;}
		else {if (this.val<this.val2) this.val=this.val2;}
		this.el.style[this.param]=Math.round(this.val)+'px';
		
		this.limitVal=(this.sign==1 ? this.val2 : this.val1);
		if(this.sign==1) {if (this.val>this.val2) this.stop();} 
		else {if (this.val<this.val2) this.stop();}
		//if(Math.abs(this.val2-this.val)<Math.abs(this.startDelta)*10) this.delta/=2;
	},
	
	start: function(){
		var _self_ = this;
		//alert(this.el);
		this.el.style[this.param]=this.val1;
		this.hTimer=window.setInterval(function(){_self_.tick();},this.tickTime);
	},
	
	stop: function(){
		//alert("stop");
		clearInterval(this.hTimer);
	}
}