// 수정가능한 변수
var lineHeight = 200; // 줄간격(숫자가 클수록 멀리 떨어짐)
var showLines = 1; // 한번에 보여줄 줄의 개수(화면엔 항상 여기서 지정한 수만큼의 줄만 보인다. (이값을 변경하면 아래에 있는 <div id='scr' style="width:500px; height:40px 에서 height 값을 적당히 변경해야 보임
var delayNum = 150; // 스크롤 속도 : 1 ~ 1000 (1 이 제일 빠르고 1000 이 제일 느림)
var sleepCnt = 2; // 스크롤이 멈춰있는시간 (단위 : 초) -> 많을수록 멈춰있는시간이 길어짐
var sleepTime = 800; // 멈춰있는 시간 : 1 ~ 1000

// 수정불가능한 변수
var resetSleepCnt = sleepCnt;
var isMove = true; // 스크롤이 진행이 되는지여부 (true : 진행, false : 멈춤)
var aryText = new Array(); // 스크롤이 될 문장들이 담길 변수
var aryLen = 5; // 스크롤링되는 문장의 개수
var aryDiv = new Array(); // 각각의 Div 를 담는 배열
var html = ""; 
var moveTimer = null;
var moveLen = 0;
var isFirstDiv = 0; // 현재 가장 위에 있는 div 를 알아보기위한 변수
var isLastDiv = null; // 현재 가장 밑에 있는 div 를 알아보기위한 변수
var isFirstFlag = true; // 처음에 스크롤이 작동하지 않기위해 사용하는 변수

aryText[0] = "<table width='96' border='0' cellspacing='0' cellpadding='0'>";
aryText[0] += " <tr><td height='94'> </td> </tr> <tr> <td><a href='sub02_01_03.html'><img src='images/rollpro_01.jpg' width='96' height='94' border='0' alt='신안증도특산품'></a></td></tr></table>";
aryText[1] = "<table width='96' border='0' cellspacing='0' cellpadding='0'>";
aryText[1] += " <tr><td height='10'> </td> </tr> <tr> <td><a href='sub02_02_03.html'><img src='images/rollpro_02.jpg' width='96' height='94' border='0'  alt='완도청산도특산품'></a></td></tr></table>";
aryText[2] = "<table width='96' border='0' cellspacing='0' cellpadding='0'>";
aryText[2] += " <tr><td height='10'> </td> </tr> <tr> <td><a href='sub02_03_03.html'><img src='images/rollpro_03.jpg' width='96' height='94' border='0'  alt='장흥유치장평특산품'></a></td></tr></table>";
aryText[3] = "<table width='96' border='0' cellspacing='0' cellpadding='0'>";
aryText[3] += " <tr><td height='10'> </td> </tr> <tr> <td><a href='sub02_04_03.html'><img src='images/rollpro_04.jpg' width='96' height='94' border='0'  alt='담양창평특산품'></a></td></tr></table>";
aryText[4] = "<table width='96' border='0' cellspacing='0' cellpadding='0'>";
aryText[4] += " <tr><td height='10'> </td> </tr> <tr> <td><a href='sub02_05_03.html'><img src='images/rollpro_05.jpg' width='96' height='94' border='0'  alt='하동악양특산품'></a></td></tr></table>";
aryText[5] = "<table width='96' border='0' cellspacing='0' cellpadding='0'>";
aryText[5] += " <tr><td height='10'> </td> </tr> <tr> <td><a href='sub02_06_03.html'><img src='images/rollpro_06.jpg' width='96' height='94' border='0'  alt='하동악양특산품'></a></td></tr></table>";

//배열의 길이
aryLen = aryText.length;
isLastDiv = aryLen - 1;

// 스크롤링 보여줌
function setScrl() {
if (aryLen > 0) {
for (var i = 0;i < aryLen ; i++) {
html = "";
html = "<div id='scr_"+i+"' style='position:absolute;top:"+(lineHeight*i - lineHeight)+"px;left:0; visibility:visible;padding-top:0;padding-left:0'>\n";
html = html + aryText[i]+"\n";
html = html + "</div>";

document.write(html); // 저장된 내용을 화면에 출력
aryDiv[i] = eval("document.all.scr_"+i);
}

if (aryLen > showLines) {
// 자동스크롤 시작
startScrl();
}

} else {
html = "<tr><td align='center' valign='middle'>검색된 글이 없습니다.</td></tr>";
document.write(html);
}
}

// 스크롤링 시작
function startScrl() 
{
var MP = 0;
if (isMove) 
{
// 처음 함수가 실행된다면 잠깐 멈춘다.
if(isFirstFlag == true)
{
sleepTimer();
return;
}

for (var i = 0;i < aryLen;i++)
{ 
MP = parseInt(Math.abs(lineHeight - moveLen)/5);
if(MP <= 0)
MP = 1;

aryDiv[i].style.pixelTop += MP;
}
//moveLen++;
moveLen += MP;
if (moveLen >= lineHeight)
{
moveLen = 0;
aryDiv[isLastDiv].style.pixelTop -= lineHeight*aryLen;
if (isLastDiv > 0)
{
isLastDiv--;
}
else
{
isLastDiv = aryLen-1;
} 
sleepTimer();
return;
}
} 
//window.status = isLastDiv;
moveTimer = setTimeout("startScrl()",delayNum);
}

function sleepTimer() {
moveTimer = null;
sleepCnt--;
if (sleepCnt == 0) {
moveTimer = setTimeout("startScrl()",delayNum); 
sleepCnt = resetSleepCnt;
isFirstFlag = false;
return;
}
setTimeout("sleepTimer()",sleepTime);
}