탭 갯수 늘리기 도움좀 부탁드립니다.

<style>
.on44 {/*background-image: url(http://surigo.com/hm/include/img/la.gif);*/ border-top: solid 2px #999999; border-right: solid 2px #999999; border-left: solid 2px #999999; background-color:#ffffff;font:normal 11px Dotum,Vernada,tahoma;text-decoration:none;overflow:hidden;letter-spacing:-0.05em;cursor: pointer;font-weight:bold;}
.off44 {/*background-image: url(img/index/rank_top_off.gif);*/border-top: solid 1px #cccccc; border-right: solid 1px #cccccc; border-left: solid 1px #cccccc; border-bottom: solid 2px #999999; background-color:#ffffff; font:normal 11px Dotum,Vernada,tahoma;text-decoration:none;overflow:hidden;letter-spacing:-0.05em;cursor: pointer;background-color:#f2f2f2;}
.off444 {/*background-image: url(img/index/rank_top_off.gif);*/border-top: solid 1px #cccccc; border-right: solid 1px #cccccc; border-left: solid 0px #cccccc; border-bottom: solid 2px #999999; background-color:#ffffff; font:normal 11px Dotum,Vernada,tahoma;text-decoration:none;overflow:hidden;letter-spacing:-0.05em;cursor: pointer;background-color:#f2f2f2;}
.off4444 {/*background-image: url(img/index/rank_top_off.gif);*/border-top: solid 1px #cccccc; border-right: solid 1px #cccccc; border-left: solid 0px #cccccc; border-bottom: solid 2px #999999; background-color:#ffffff; font:normal 11px Dotum,Vernada,tahoma;text-decoration:none;overflow:hidden;letter-spacing:-0.05em;cursor: pointer;background-color:#f2f2f2;}

</style>

<SCRIPT language=javascript>
function tap4(td,v,rd,bd){
for(var i = 0; i <= 1 ; i++) {
img = document.getElementById('tap'+rd+'_'+i);
img.className = "off44";
eval("document.getElementById('tab_view'+rd+'_'+i)").style.display="none";
}
td.className = "on44"
eval("document.getElementById('tab_view'+rd+'_'+v)").style.display="";
var gn_bd4 = bd;
}
function gotoboard4(bd){
//document.location.href="./bbs/board.php?bo_table="+bd;
}
</SCRIPT>




<table width="100%" cellpadding="0" cellspacing="0" bgcolor="#d1d1d1" align="center"><tr><td>

<table width="100%" cellpadding="0" cellspacing="0" align="center" style="border-top:0px #e1e1e1 solid;border-bottom:0px #e1e1e1 solid; border-right:0px #e1e1e1 solid; border-left:0px #e1e1e1 solid; padding-top:0px;">

<tr>
<td bgcolor="#A8C3D5" width="20%" height="30" style="padding-top:4px;" align="center" class=on44 id=tap44_0 onmouseover="tap4(this,0,44,'')" onclick="gotoboard4('');">
<font style="FONT-SIZE: 8pt; LETTER-SPACING: -1px; font-family:돋음; color=#000; text-decoration:none;">인기글</td></font>
<td bgcolor="#A8C3D5" width="20%" style="padding-top:4px;" align="center" class=off44 id=tap44_1 onmouseover="tap4(this,1,44,'')" onclick="gotoboard4('');">
<font style="FONT-SIZE: 8pt; LETTER-SPACING: -1px; font-family:돋음; color=#000; text-decoration:none;">코멘트</td></font>
<td bgcolor="#ffffff" width="20%" style="padding-top:4px;" class=off444 align="center"><font style="FONT-SIZE: 11px; LETTER-SPACING: -1px; font-family:돋음; color=#000; text-decoration:none;">인기검색어</font></td>
<td bgcolor="#f2f2f2" width="40%" style="padding-left:10px;" class=off4444 align="left"><?=popular("mw.scroll", 10)?> </td>
</td>
</tr></table>
</td></tr>

<tr><td colspan="2" align="center" bgcolor="#ffffff" style="padding-top:0px;">
<div id=tab_view44_0 style="display:on">
<p id="tab_view44_0">
<p id="tab_view44_0">

<? include("$g4[path]/plugin/mw_today/today.php") ?>
</div>
</div>
<div id=tab_view44_1 style="display: none">
<p id="tab_view44_1">
<? include("$g4[path]/plugin/mw_side/comment.php") ?>
</div>

</td>
</table>


현제 2개 탭만 되는데요...여러게 사용할수있게 부탁드리빈다.