function H$(i){
	return document.getElementById(i)
}
function H$$(c, p){
	return p.getElementsByTagName(c)
}
var downpaly = function(){
	function init(o){
		this.id = o.id;
		this.at = o.auto ? o.auto : 3;
		this.o = 0;
		this.pos();
	}
	init.prototype = {
		pos : function(){
			clearInterval(this.__b);
			this.o = 0;
			var el = H$(this.id), li = H$$('li', el), l = li.length;
			var _t = li[l-1].offsetHeight;
			var cl = li[l-1].cloneNode(true);
			el.insertBefore(cl, el.firstChild);
			el.style.top = -_t + 'px';
			this.anim();
		},
		anim : function(){
			var _this = this;
			this.__a = setInterval(function(){_this.animH()}, 20);
		},
		animH : function(){
			var _t = parseInt(H$(this.id).style.top), _this = this;
			if(_t >= -1){
				clearInterval(this.__a);
				H$(this.id).style.top = 0;
				var list = H$$('li',H$(this.id));
				H$(this.id).removeChild(list[list.length-1]);
				this.__c = setInterval(function(){_this.animO()}, 20);
				//this.auto();
			}else {
				var __t = Math.abs(_t) - Math.ceil(Math.abs(_t)*.07);
				H$(this.id).style.top = -__t + 'px';
			}
		},
		animO : function(){
			this.o += 2;
			if(this.o == 100){
				clearInterval(this.__c);
			
				this.auto();
			}else{

			}
		},
		auto : function(){
			var _this = this;
			this.__b = setInterval(function(){_this.pos()}, this.at*200);
		}
	}
	return init;
}();

new downpaly({id:'downpaly'})