아래킨을 사용해서 작업하고있습니다

그런데 탭을 2개를 사용하려니 에러가 나는데
<? include_once("tap2_menu.php"); // tap2메뉴?> 
<? include_once("tap2_menu2.php"); // tap2메뉴?> 

tap2_menu2.php의
 id="news01"를 모두  id="news21", 22, 23, 24 로고쳐보았는데도 안되네요,

<!--버튼1s-->
 <DIV id="news01" STYLE="display:;">

어디부분을 고치면 한페이지에서 독립적으로 사용가능할까요?

답변좀 부탁드립니다.

적용주소 : http://biotech.boxi.kr/boxi/



===================== 아래는 소스코드 입니다 ==============================

http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=14983&sca=&sfl=wr_subject&stx=%C5%C7&sop=and&page=3

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

include_once("./_common.php");
include_once("$g4[path]/lib/latest.lib.php");

//아래 2개부분 테이블명 입력요

$my_table1 = 'm61';  //알림(공지)
$my_table2 = 'm63';  //질문답변

?>

<script language="javascript">
<!--
 MOnMouseOver = new Array();
 MOnMouseOut = new Array();
 for(i=1; i<4; i++){
  MOnMouseOver[i] = new Image();
  MOnMouseOut[i] = new Image();
  MOnMouseOver[i].src = "tab2_img/intro_03_01_0" + i + "_on.gif";
  MOnMouseOut[i].src = "tab2_img/intro_03_01_0" + i + "_off.gif";
 }
function MOnOver(imgname, flag){
  document[imgname].src=MOnMouseOver[flag].src;
  return false;
}
function MOnOut(imgname, flag){
  document[imgname].src=MOnMouseOut[flag].src;
  return false;
}
function ChangeLayer(str){
 document.all.news01.style.display = "none"
 document.all.news02.style.display = "none"
// document.all.news03.style.display = "none"

 tabview = str;

 str3 = eval("document.all." + str )

 str3.style.display = "inline"
}
//-->
</script>

<table width='345' cellpadding='0' cellspacing='0' border='0'>
<tr><td>

  <table width='345' cellpadding='0' cellspacing='0' border='0'>
   <tr>
    <td>

<!--버튼1s-->
 <DIV id="news01" STYLE="display:;">
   <table width='100%' cellpadding='0' cellspacing='0' border='0'>
    <tr>
    <td width='93'><a href="./bbs/board.php?bo_table=m21" onFocus="blur()"><img src="tap2_img/title_news0.gif" border="0"></a></td>

    <td width='46' align='right'><a href="javascript:void(0);" onMouseOver="javascript:ChangeLayer('news02')" onFocus="blur()"><img src="tap2_img/title_gift0.gif" border="0"></a></td>
    <td background="tap2_img/title_gift_back.gif"> </td>
    </tr>

      <tr><td height='2' colspan='3'></td>
      </tr>
     </table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="101" valign=top><img src="tap2_img/title_gift_img0.gif" width="90" height="81"></td>
                <td width="274" valign="top"><?=latest('la_tap2',$my_table1, 5, 100);?> </td>
              </tr>
            </table>

 </DIV>
<!--버튼1e-->

<!--버튼2s-->
 <DIV id="news02" STYLE="display:none;"> 
   <table width='100%' cellpadding='0' cellspacing='0' border='0' background="tap2_img/title_gift_back.gif">
    <tr>
    <td width='93'><a href="javascript:void(0);" onMouseOver="javascript:ChangeLayer('news01')" onfocus="blur()"><img src="tap2_img/title_news00.gif" border="0"></a></td>

    <td width='46' align='right'><a href='<?=$g4[path]?>/bbs/board.php?bo_table=<?=$my_table2?>' title='목록으로' onfocus='this.blur()'><img src="tap2_img/title_gift00.gif" border="0"></a></td>
    <td background="tap2_img/title_gift_back.gif"> </td>
    </tr>

   <tr><td height='2' colspan='2'></td></tr>
     </table>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="101" valign=top><img src="tap2_img/title_gift_img02.gif" width="90" height="81"></td>
                <td width="274" valign="top"><?=latest('la_tap2',$my_table2, 5, 50);?> </td>
              </tr>
            </table>

 </DIV>
<!--버튼2e-->
 
  </td>
</tr>
  </table>

</td></tr>
</table>