var slide_tid = null, slide_TID = null;

function slideLine(box,stf,delay,speed,h)
{
  //取得id
  var slideBox = document.getElementById(box);

  //預設值 delay:幾毫秒滾動一次(1000毫秒=1秒)
  //       speed:數字越小越快，h:高度
  var delay = delay||1000,speed = speed||20,h = h||20;
  var pause = false;

  //setInterval跟setTimeout的用法可以咕狗研究一下~
  var s = function(){slide_tid=setInterval(slide, speed);}

  //主要動作的地方
  var slide = function()
	{
		//當滑鼠移到上面的時候就會暫停
		if(pause) return;

		//滾動條往下滾動 數字越大會越快但是看起來越不連貫，所以這邊用1
		slideBox.scrollTop += 1;

		//滾動到一個高度(h)的時候就停止
		if(slideBox.scrollTop%h == 0)
		{
			//跟setInterval搭配使用的
			clearInterval(slide_tid);

			//將剛剛滾動上去的前一項加回到整列的最後一項
			slideBox.appendChild(slideBox.getElementsByTagName(stf)[0]);

			//再重設滾動條到最上面
			slideBox.scrollTop = 0;

			//延遲多久再執行一次  
      slide_TID = setTimeout(s, delay);
    }
  }

  //滑鼠移上去會暫停 移走會繼續動   
  slideBox.onmouseover=function(){pause=true;}
  slideBox.onmouseout=function(){pause=false;}

  //起始的地方，沒有這個就不會動囉
  slide_TID = setTimeout(s, delay);
}

function slideLine_clear()
{
	clearInterval(slide_tid);	
	clearTimeout(slide_TID);	
}