현재 홈페이지 index에 아래와 같이 게시물을 보여주는 탭이 있습니다.

[[[[[[탭1]]]]]] | [[[[[[탭2]]]]]]
????????????????????????????????
????????????????????????????????
????????????????????????????????
????????????????????????????????
????????????????????????????????
????????????????????????????????
????????????????????????????????


탭1에 마우스를 올리면 탭1에 대한 게시물이 물음표에 출력되고
탭2에 마우스를 올리면 탭2에 대한 게시물이 출력됩니다.

지금은 마우스 오버로 되있는데.. 마우스 오버가 아닌
5초면 5초, 10초면 10초마다 바뀌게 변경하고싶습니다.

현재 소스는 이거같은데 어떻게 변경을 해야하나요?


/////////////////////////////index.js////////////////////////////////
Event.observe(window, 'load', function(event){
$$("#main_tab_area > div").each(function (item, idx){
if (item.id != "main_tab_host") item.hide();
else
{
item.getElementsBySelector("a").each(function (sitem, sidx){
sitem.observe('mouseover', function (event) {
$$("#main_tab_area > div[id != 'main_tab_host']").each(function (kitem){ kitem.hide(); });
$$("#main_tab_area > div a").each(function (kitem){ kitem.removeClassName("selected"); });
$(sitem.readAttribute("href").substring(1)).show();
this.addClassName("selected");
Event.stop(event);
});
});
}
});

var mElem = $$("#main_tab_area > div[id != 'main_tab_host']")[0];
mElem.show();
$$("#main_tab_area > div a[href='#" + mElem.id + "']")[0].addClassName("selected");
});





///////////////////////index.jsp////////////////////////////
<div class="fl lastest" style="width:287px;">
<div style=" margin:0px auto;" id="main_tab_area">
<div class="static_tab_area" id="main_tab_host">
<a class="rollover" href="#idx_notice00">
<img src="/images/idx_notice_st01.gif" />
<img src="/images/idx_notice_st01_on.gif" class="over" />
</a>
<a class="rollover" href="#idx_notice01">
<img src="/images/idx_notice_st02.gif" />
<img src="/images/idx_notice_st02_on.gif" class="over" />
</a>
<div style="clear:both;">
</div>
</div>
<!-- 공지사항 -->
<div id="idx_notice00">
<div class="lastest_body">
<table cellpadding="0" cellspacing="0" style="width:255px; margin:10px 8px;">
<colgroup>
<col width="" />
<col width="55" />
</colgroup>
<c:forEach items='${MessagesForNotice}' var="item">
<tr>
<td height="21">
<a href="#" onClick="javascript:$('crudForm').boardSeq.value='25';doShow(<c:out value='${item.message_seq}'/>, 1);return false;">
<img src="/images/bullet_notice.gif" width="2" height="2" hspace="4" vspace="4" border="0" align="absmiddle">
<c:choose>
<c:when test="${item.created_at.time > LimitDay.time}">
<font style="font-weight:bold;">
<ab:substr suffix="..." length='31'><c:out value='${item.title}'/></ab:substr>
</font>
<img src="/images/new_icon.gif" border="0"/>
</c:when>
<c:otherwise>
<ab:substr suffix="..." length='38'><c:out value='${item.title}'/></ab:substr>
</c:otherwise>
</c:choose>
</a>
</td>

<td align="right" style="font-size:12px; font-family:Arial; color:#666; padding-right:1px;padding-bottom:1px;"><fmt:formatDate value='${item.created_at}' pattern="yyyy.MM.dd"/></td>
</tr>
</c:forEach>
</table>
</div>
</div>
<!-- 교육자료 -->
<div id="idx_notice01">
<div class="lastest_body">
<table cellpadding="0" cellspacing="0" style="width:255px; margin:10px 8px;">
<colgroup>
<col width="" />
<col width="55" />
</colgroup>
<c:forEach items='${MessagesForEdu}' var="item">
<tr>
<td height="21">
<a href="#" onClick="javascript:$('crudForm').boardSeq.value='<c:out value='${item.board_seq}'/>';doShow(<c:out value='${item.message_seq}'/>, 1);return false;">
<img src="/images/bullet_notice.gif" width="2" height="2" hspace="4" vspace="4" border="0" align="absmiddle">
<c:choose>
<c:when test="${item.created_at.time > LimitDay.time}">
<font style="font-weight:bold;">
<ab:substr suffix="..." length='31'><c:out value='${item.title}'/></ab:substr>
</font>
<img src="/images/new_icon.gif" border="0"/>
</c:when>
<c:otherwise>
<ab:substr suffix="..." length='38'><c:out value='${item.title}'/></ab:substr>
</c:otherwise>
</c:choose>
</a>
</td>

<td align="right" style="font-size:12px; font-family:Arial; color:#666; padding-right:1px;padding-bottom:1px;"><fmt:formatDate value='${item.created_at}' pattern="yyyy.MM.dd"/></td>
</tr>
</c:forEach>
</table>
</div>
</div>
</div>
<h3><img src="/images/idx_notice_btm.gif"></h3>
</div>