var UIL=function(func){window.attachEvent?window.attachEvent("onload",func):window.addEventListener("load",func,false)}
var Ex=function(o){for(var k in o)this[k]=o[k];return this}
var UI=function(id){return document.getElementById(id)}
var UIs=function(tag){return Ex.call([],this.getElementsByTagName(tag))}
var Each=function(a,fn){for(var i=0;i<a.length;i++)fn.call(a[i],i,a)}
var dhooo=function(ini){
	this.bind(ini,this);
	this.autoIndex=0;
	this.speed=3000;
	this.setbtnseat=false;
	this.btnparent=null;
};
Ex.call(dhooo.prototype,{
	bind:function(ini,me){
		var dir=ini.dir=="top"?"scrollTop":"scrollLeft",pan=UI(ini.contentID);
		var start=function(o){
				Each(ini.btns,function(){this.className=""});
				o.className=ini.className;
				me.autoIndex=o.index;
				me.begin(o.index,pan,ini.len,dir);
		};
		pan.onmouseover=function(){me.stop=true};
		pan.onmouseout=function(){me.stop=false};
		Each(ini.btns,function(i){
			this.index=i;
			if(ini.overout){
				this.onmouseover=function(){me.stop=true;start(this)}
				pan.onmouseout=this.onmouseout=function(){me.stop=false}
			}else{
				this.onclick=function(){start(this)}
			}
		});
		var auto=function(){
				if(!me.stop){
					me.autoIndex=me.autoIndex==(ini.btns.length-1)?0:++me.autoIndex;
					start(ini.btns[me.autoIndex]);
				}
		};
		if(ini.auto)this.autoPlay=window.setInterval(auto,ini.speed);
		if(ini.setbtnseat&&ini.btnparent!=null){
			UIL(function(){
			var mainwidth = pan.offsetWidth;
			var mainheight = pan.offsetHeight;
			var btn = UI(ini.btnparent);
			var btnwidth = btn.offsetWidth;
			var btnheight = btn.offsetHeight;
			var uw = (mainwidth - btnwidth - 10) + "px";
			var uh = (mainheight - btnheight - 10) + "px";
			uw = uh+" 0 0 "+uw;
			btn.style.margin = uw;
			});
		}
	}
	,begin:function(i,o,len,dir){
		(function(me){
			clearInterval(me.only);
			me.only=setInterval(function(){
				var diff=(i*len-o[dir])*0.1;
				o[dir]+=Math[diff>0?"ceil":"floor"](diff);
				if(diff==0)clearInterval(me.only);
			},10)
		})(this)
	}
})