var bit={};
bit.marquee={};

//µã»÷¹ö¶¯
bit.marquee.clickRoll=function(){};
bit.marquee.clickRoll.prototype={
	$:function(id){return document.getElementById(id)}
	,tagArr:function(o,name){return o.getElementsByTagName(name)}
	,loop:null,i:0,on:true
	,move:function(id,type,width,num){
		if(!this.on){return;}
		clearTimeout(this.loop);
		var ulObj=this.tagArr(this.$(id),'ul')[0];
		var liArr=this.tagArr(ulObj,'li');
		ulObj.style.width=liArr.length*(width/num)+'px';
		this.i=type?(this.i+1):(this.i-1);
		if(this.i<0){this.i=0;return;}
		if(this.i>Math.floor(liArr.length/num)){this.i=Math.floor(liArr.length/num);return;}
		if(liArr.length%num==0 && this.i==liArr.length/num){this.i=liArr.length/num-1;return;}
		this.play(ulObj,width*this.i);
		this.on=false;
	}
	,play:function(ulObj,width){
		var mar=parseInt(ulObj.style.marginLeft),pro=this;
		if(-mar==width){clearTimeout(this.loop);this.on=true;return;}
		var sp=(width-Math.abs(mar))*0.01*10;
		sp=(sp>0)?(sp>1?sp:1):(sp<-1?sp:-1);
		ulObj.style.marginLeft=mar-sp+'px';
		this.loop=setTimeout(function(){pro.play(ulObj,width);},10);
	}
}