//定義常用變量
var marqueeInterval=new Array();
var marqueeId=0;
var marqueeDelay=3000;
var marqueeHeight=20;

//定義函數
function initMarquee() 
{
      var str=marqueeContent[0];
      document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" width:300px; onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)" width="100%"><div>'+str+'</div></div>'); 
      marqueeId++;
      marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}

function startMarquee() 
{
   var str=marqueeContent[marqueeId];
   marqueeId++;
   if(marqueeId>=marqueeContent.length) marqueeId=0;
   if (document.getElementById('marqueeBox').childNodes.length==1) 
   {
      var nextLine=document.createElement('DIV');
      nextLine.innerHTML=str;
      document.getElementById('marqueeBox').appendChild(nextLine);
   }
   else 
   {
      document.getElementById ('marqueeBox').childNodes[0].innerHTML=str;
      document.getElementById('marqueeBox').appendChild(document.getElementById('marqueeBox').childNodes[0]);
      document.getElementById('marqueeBox').scrollTop=0; 
   }
   clearInterval(marqueeInterval[1]);
   marqueeInterval[1]=setInterval("scrollMarquee()",20);
}

function scrollMarquee() 
{

   document.getElementById('marqueeBox').scrollTop++;

   if(document.getElementById('marqueeBox').scrollTop%marqueeHeight==(marqueeHeight + 0.5))
   {
      clearInterval(marqueeInterval[1]);
   }
}

initMarquee();