﻿var con=document.getElementById("scrollCon");
var items=con.getElementsByTagName("li");
var marqueeContent=new Array(); 
for(var i=0;i<items.length;i++){
    marqueeContent[i]=items[i].innerHTML;}
var marqueeInterval=new Array(); 
var marqueeId=0;
var marqueeDelay=2000;
var marqueeHeight=17;
function initMarquee() {
	var str=marqueeContent[0];
	document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
	marqueeId++;
	marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
	}
function startMarquee() {
	var marqueeBox_song=document.getElementById("marqueeBox");
	var str=marqueeContent[marqueeId];
		marqueeId++;
	if(marqueeId>=marqueeContent.length) marqueeId=0;
	if(marqueeBox_song.childNodes.length==1) {
		var nextLine=document.createElement('DIV');
		nextLine.innerHTML=str;
		marqueeBox_song.appendChild(nextLine);
		}
	else {
		marqueeBox_song.childNodes[0].innerHTML=str;
		marqueeBox_song.appendChild(marqueeBox_song.childNodes[0]);
		marqueeBox_song.scrollTop=0;
		}
	clearInterval(marqueeInterval[1]);
	marqueeInterval[1]=setInterval("scrollMarquee()",20);
	}
function scrollMarquee() {
	var marqueeBox_song=document.getElementById("marqueeBox");
	marqueeBox_song.scrollTop++;
	if(marqueeBox_song.scrollTop%marqueeHeight==(marqueeHeight-1)){
		clearInterval(marqueeInterval[1]);
		}
	}
initMarquee();