var note=document.getElementById("list").getElementsByTagName("LI");
note[0].style.height="24px";
note[0].getElementsByTagName("A")[0].style.borderTop="none";
var b1=$$$("b1"),b2=$$$("b2"),posi=0,curpos=0,duration=5000,mtime,dtime;
for(var i=0;i<b2.length;i++){
	b2[i].index=i;
	b2[i].onclick=function(){this.blur();return false;};
	b2[i].onmouseover=function(){if(curpos==this.index) return; duration=150000; curpos=this.index; mark(this.index,true);};
	b2[i].onmouseout=function(){markstart();};
}
function markstart(){clearTimeout(mtime);duration=5000;mtime=setTimeout("mark()",duration);}
function mark(v){
	clearTimeout(mtime);
	if(v>=0) posi=v;
	reveal();
	mtime=setTimeout("mark()",duration);
}
function reveal(){
	for(var i=0;i<b2.length;i++){
		b2[i].className=i==posi?"focus":"";
	}
	b1[posi].style.top="124px";
	b1[posi].style.display="block";
	for(var i=0;i<b1.length;i++) b1[i].style.zIndex=i==posi?100:0;
	dtime=setTimeout("move()",5);
}
function move(){
	clearTimeout(dtime);
	var p=b1[posi].offsetTop;
	b1[posi].style.top=(p-(p-10<0?p:10))+"px";
	if(b1[posi].offsetTop>0) return dtime=setTimeout("move()",5);
	for(var i=0;i<b1.length;i++) b1[i].style.display=i==posi?"block":"none";
	curpos=posi;
	posi++;
	if(posi>=b2.length) posi=0;
}
mtime=setTimeout("mark(1)",duration);