var html = [];
html.push('<div class="hot_outer">');
html.push('<div id="cursos_hot">');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2010年<br />03月10日</div>');
html.push('<div class="hot_lb">500课时<br />初级白班</div>');
html.push('</dt>');
html.push('<dd>');
html.push('<div class="hot_rt">剩余名额</div><div class="hot_num">1</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2010年<br />03月13日</div>');
html.push('<div class="hot_lb">120课时<br />A2周末班</div>');
html.push('</dt>');
html.push('<dd>');
html.push('<div class="hot_rt">剩余名额</div><div class="hot_num">2</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2010年<br />03月13日</div>');
html.push('<div class="hot_lb">120课时<br />A1周末班</div>');
html.push('</dt>');
html.push('<dd>');
html.push('<div class="hot_rt">剩余名额</div><div class="hot_num">1</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2010年<br />03月15日</div>');
html.push('<div class="hot_lb">500课时<br />初级白班</div>');
html.push('</dt>');
html.push('<dd>');
html.push('<div class="hot_rt">剩余名额</div><div class="hot_num">0</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2010年<br />03月17日</div>');
html.push('<div class="hot_lb">400课时<br />商贸西语班</div>');
html.push('</dt>');
html.push('<dd>');
html.push('<div class="hot_rt">剩余名额</div><div class="hot_num">2</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2010年<br />03月22日</div>');
html.push('<div class="hot_lb">500课时<br />初级白班</div>');
html.push('</dt>');
html.push('<dd>');
html.push('<div class="hot_rt">剩余名额</div><div class="hot_num">10</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2010年<br />03月22日</div>');
html.push('<div class="hot_lb">60课时<br />A1.1晚班</div>');
html.push('</dt>');
html.push('<dd>');
html.push('<div class="hot_rt">剩余名额</div><div class="hot_num">7</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2010年<br />03月22日</div>');
html.push('<div class="hot_lb">900课时<br />商贸西语班</div>');
html.push('</dt>');
html.push('<dd>');
html.push('<div class="hot_rt">剩余名额</div><div class="hot_num">5</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2010年<br />03月25日</div>');
html.push('<div class="hot_lb">700课时<br />考级白班</div>');
html.push('</dt>');
html.push('<dd>');
html.push('<div class="hot_rt">剩余名额</div><div class="hot_num">10</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2010年<br />03月27日</div>');
html.push('<div class="hot_lb">120课时<br />A1周末班</div>');
html.push('</dt>');
html.push('<dd>');
html.push('<div class="hot_rt">剩余名额</div><div class="hot_num">10</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('</div>');
html.push('</div>');
html.push('<ul id="hot_list">');
html.push('<li class="cur"><a href="/cursos">500课时初级白班</a><span>03-10</span></li>');
		html.push('<li><a href="/cursos">120课时A2周末班</a><span>03-13</span></li>');
		html.push('<li><a href="/cursos">120课时A1周末班</a><span>03-13</span></li>');
		html.push('<li><a href="/cursos">500课时初级白班</a><span>03-15</span></li>');
		html.push('<li><a href="/cursos">400课时商贸西语班</a><span>03-17</span></li>');
		html.push('<li><a href="/cursos">500课时初级白班</a><span>03-22</span></li>');
		html.push('<li><a href="/cursos">60课时A1.1晚班</a><span>03-22</span></li>');
		html.push('<li><a href="/cursos">900课时商贸西语班</a><span>03-22</span></li>');
		html.push('<li><a href="/cursos">700课时考级白班</a><span>03-25</span></li>');
		html.push('<li><a href="/cursos">120课时A1周末班</a><span>03-27</span></li>');
html.push('</ul>');

document.write(html.join(''));

var cursos_hot = document.getElementById('cursos_hot');
var lis = document.getElementById('hot_list').getElementsByTagName('li');
var tem = 0, cur=1, t=null, t2=null, cur_a = lis[0];
function scrollUp(e){
	tem += (e - tem)*.1;
	cursos_hot.scrollTop = tem;
}
function scrollDown(e){
	tem -= (tem-e)*.1
	cursos_hot.scrollTop = tem;
}

function play(n){
	if(t)clearTimeout(t);
	var len = n*110;
	if(len>tem){
		t = setInterval(function(){scrollUp(len)},20);
	}else{
		t = setInterval(function(){scrollDown(len)},20);
	}
}

function start(){
	if(cur>lis.length-1)cur=0;
	cur_a.className='';
	cur_a = lis[cur];
	cur_a.className = 'cur';
	//cursos_hot.scrollTop = (cur+1)*110;
	play(cur);
	cur++;
}

t2 = setInterval(start, 5000);

for(var i=0; i<lis.length; i++){
	lis[i].i=i;
	lis[i].onmouseover = function(){
		clearInterval(t);
		clearInterval(t2);
		cur = this.i;
		start();
	}
	lis[i].onmouseout = function(){
		t2 = setInterval(start, 10000);
	}
}