<script language="javascript">
var menuImgSvr = "image/";
var catMenu = [
        [0,  "n_menu_01_on.gif", "n_menu_01_off.gif"],
        [1,  "n_menu_02_on.gif", "n_menu_02_off.gif"],
        [2,  "n_menu_03_on.gif", "n_menu_03_off.gif"],
        [3,  "n_menu_04_on.gif", "n_menu_04_off.gif"],
        [4,  "n_menu_05_on.gif", "n_menu_05_off.gif"],
        [5,  "n_menu_13_on.gif", "n_menu_13_off.gif"],
        [6,  "n_menu_06_on.gif", "n_menu_06_off.gif"],
        [7,  "n_menu_07_on.gif", "n_menu_07_off.gif"],
        [8,  "n_menu_08_on.gif", "n_menu_08_off.gif"]
];

function cmChange(num)
{
        topCat.img[num].src = menuImgSvr + catMenu[num][1];
        
        if (typeof(subCat) == "object")
                for (var i = 0; i < catMenu.length; i++)
                {
                        if (catMenu[i][0] >= 0)
                                subCat[catMenu[i][0]].style.display = ((i == num) ? "" : "none");
                }
}

function cmUnchange(num)
{
        topCat.img[num].src = menuImgSvr + catMenu[num][2];

        if (typeof(subCat) == "object")
                for (var i = 0; i < catMenu.length; i++)
                {
                        if (catMenu[i][0] >= 0)
                                subCat[catMenu[i][0]].style.display = "none";
                }
}
</script>
<style type='text/css'>
<!--
a:link    {text-decoration:none;}
a:visited {text-decoration:none;}
a:active  {text-decoration:none;}
a:hover  {text-decoration:none}

BODY,TD,SELECT,input,DIV,form,TEXTAREA,center,option,pre,br, {font-size:9pt;font-family:verdana;}
BODY { margin:0 0 0 0}
//-->
</style>
<center>
<table width="600" border="0" cellspacing="0" cellpadding="0">
        <tr>
                <td>
                        <a href="./menu.html" target=main>
                        <img name="img" id="img" src="image/n_menu_01_off.gif" border="0" onmouseover="cmChange(0)" onmouseout="cmUnchange(0)"></a>
                </td>
                <td>   </td>
                <td>
                        <a href="./about.html" target=main>
                        <img name="img" id="img" src="image/n_menu_02_off.gif" border="0" onmouseover="cmChange(1)" onmouseout="cmUnchange(1)"></a>
                </td>
                <td>   </td>
                <td>
                        <a href="./bbs/zboard.php?id=study" target=main>
                        <img name="img" id="img" src="image/n_menu_03_off.gif" border="0" onmouseover="cmChange(2)" onmouseout="cmUnchange(2)"></a>
                </td>
                <td>   </td>
                <td>
                        <a href="./bbs/zboard.php?id=diary" target=main>
                        <img name="img" id="img" src="image/n_menu_04_off.gif" border="0" onmouseover="cmChange(3)" onmouseout="cmUnchange(3)"></a>
                </td>
                <td>   </td>
                <td>
                        <a href="./bbs/zboard.php?id=picture" target=main>
                        <img name="img" id="img" src="image/n_menu_05_off.gif" border="0" onmouseover="cmChange(4)" onmouseout="cmUnchange(4)"></a>
                </td>
                <td>   </td>
                <td>
                        <a href="./bbs/zboard.php?id=suda" target=main>
                        <img name="img" id="img" src="image/n_menu_06_off.gif" border="0" onmouseover="cmChange(5)" onmouseout="cmUnchange(5)"></a>
                </td>
                <td>   </td>
                <td>
                        <a href="./bbs/zboard.php?id=guest" target=main>
                        <img name="img" id="img" src="image/n_menu_07_off.gif" border="0" onmouseover="cmChange(6)" onmouseout="cmUnchange(6)"></a>
                </td>
                <td>   </td>
                <td>
                        <a href="./link.html" target=main>
                        <img name="img" id="img" src="image/n_menu_08_off.gif" border="0" onmouseover="cmChange(7)" onmouseout="cmUnchange(7)"></a>
                </td>
        </tr>
</table>
</center>