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">2012年<br />02月02日</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">2012年<br />02月07日</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">2</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2012年<br />02月08日</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">2</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2012年<br />02月11日</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">2012年<br />02月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">2</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2012年<br />02月18日</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">4</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2012年<br />02月22日</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">2012年<br />02月22日</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">4</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2012年<br />02月25日</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">5</div>位');
html.push('</dd>');
html.push('</dl>');
html.push('<dl>');
html.push('<dt>');
html.push('<div class="hot_lt">2012年<br />02月27日</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">8</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>02-02</span></li>');
		html.push('<li><a href="/cursos">500课时初级白班</a><span>02-07</span></li>');
		html.push('<li><a href="/cursos">120课时A1晚班</a><span>02-08</span></li>');
		html.push('<li><a href="/cursos">120课时A1周末班</a><span>02-11</span></li>');
		html.push('<li><a href="/cursos">500课时初级白班</a><span>02-15</span></li>');
		html.push('<li><a href="/cursos">120课时A1周末班</a><span>02-18</span></li>');
		html.push('<li><a href="/cursos">400课时商贸西语班</a><span>02-22</span></li>');
		html.push('<li><a href="/cursos">120课时A2晚班</a><span>02-22</span></li>');
		html.push('<li><a href="/cursos">120课时A1周末班</a><span>02-25</span></li>');
		html.push('<li><a href="/cursos">500课时初级白班</a><span>02-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, myT=null, myT2=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(myT)clearInterval(myT);
	var len = n*110;
	if(len>tem){
		myT = setInterval(function(){scrollUp(len)},20);
	}else{
		myT = 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++;
}

function runMe(){
    clearTimeout(myT2);
    myT2 = setTimeout(runMe, 10000);
    start();
}

for(var i=0; i<lis.length; i++){
	lis[i].i=i;
	lis[i].onmouseover = function(){
		clearInterval(myT);
		clearInterval(myT2);
		cur = this.i;
		start();
	}
	lis[i].onmouseout = function(){
		runMe();
	}
}

setTimeout(runMe, 5000);