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;
	};
	
	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};
			
			Each(ini.btns,function (i){
				this.index=i;
				this.onmouseover=function (){me.stop=true;start(this)};
				//pan.onmouseout=this.onmouseout=function(){me.stop=false}
				pan.onmouseout=this.onmouseout=function(){me.stop=false;}
			});
			
			var auto=function(){
				if(!me.stop){
				me.autoIndex=me.autoIndex==4?0:++me.autoIndex;
				start(ini.btns[me.autoIndex]);
			}
		};
		if(ini.auto)this.autoPlay=window.setInterval(auto,1000);
	}
	
	,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)
	}
})

new dhooo({
btns:UIs.call(UI('c01'),'a')
,className:''
,contentID:'c01u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c02'),'a')
,contentID:'c02u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c03'),'a')
,contentID:'c03u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c04'),'a')
,contentID:'c04u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c05'),'a')
,contentID:'c05u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c06'),'a')
,contentID:'c06u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c07'),'a')
,contentID:'c07u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c08'),'a')
,contentID:'c08u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c09'),'a')
,contentID:'c09u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c10'),'a')
,contentID:'c10u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c11'),'a')
,contentID:'c11u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c12'),'a')
,contentID:'c12u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c13'),'a')
,contentID:'c13u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c14'),'a')
,contentID:'c14u'
,len:29
,dir:'top'
});

new dhooo({
btns:UIs.call(UI('c15'),'a')
,contentID:'c15u'
,len:29
,dir:'top'
});


/*
new dhooo({
btns:UIs.call(UI('myTab_btns2'),'LI')
,className:'hot'
,contentID:'main2'
,len:190
,dir:'top'
,auto:true
});
*/