﻿bit.marquee={};
bit.marquee.relax=function(){};
bit.marquee.relax.prototype={
	retData:function(text){return {'text':text};}
	,base:bit.base,id:null,height:0,len:0,time:0,ulObj:null,on:true
	,load:function(id,data,width,height,num,time){
		this.id=id;
		this.height=height;
		this.len=Math.ceil(data.length/num)+1;
		this.time=time;
		this.html(data,width,num);
		this.play(this.i);
		//var obj=this.base.$(this.id),pro=this;
		//obj.onmouseover=function(){
		//	clearTimeout(pro.playLoop);
		//	pro.on=false;
		//};
		//obj.onmouseout=function(){
		//	pro.on=true;
		//	pro.play(pro.i);			
		//};
	}
	,html:function(data,width,num){
		var len=data.length,i,str='';
//        str+='<ul style="margin:0px;width:'+width+'px;">';
        str+='<ul>';
		for(i=0;i<len;i++){
			str+='<li style="width:'+(width/num)+'px;height:'+this.height+'px;line-height:'+this.height+'px;">'+data[i].text+'</li>';
		}
		str+='</ul>';
		var obj=document.getElementById(this.id);
		obj.innerHTML=str;
		this.ulObj=obj.getElementsByTagName('ul')[0];
		this.ulObj.innerHTML=this.ulObj.innerHTML+this.ulObj.innerHTML;
	}
	,i:0
	,playLoop:null
	,play:function(i){
		if(!this.on){return;}
		var pro=this;
		i+=1;
		if(i==this.len){this.ulObj.style.marginTop='0px';i=1;}
		this.playLoop=setTimeout(function(){pro.move(pro.height*i,i)},this.time*1000);
	}
	,loop:null
	,move:function(space,i){
		var obj=this.ulObj,pro=this;
		var mar=parseInt(this.base.style(obj).marginTop);
		if(-mar==space){clearTimeout(this.loop);this.i=i;this.play(this.i);return;}
		var sp=(space-Math.abs(mar))*0.01*20;
		sp=(sp>0)?(sp>1?sp:1):(sp<-1?sp:-1);
		obj.style.marginTop=(mar-sp)+'px';	
		this.loop=setTimeout(function(){pro.move(space,i)},10);
	}
};