<table width="382" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="68" valign="bottom"><img src="images/guide_title.gif" width="68" height="92"></td>
    <td width="314" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="24%"><a href="teachig/tea_tips.php" onFocus="this.blur();" onMouseOver="guideChange('01');"><img src="images/guide_ove_01.gif" name="tips01" width="74" height="39" id="tips01" border="0"></a></td>
            <td width="23%"><a href="study/stu_tips.php" onFocus="this.blur();" onMouseOver="guideChange('02');"><img src="images/guide_out_02.gif" name="tips02" width="72" height="39" id="tips02" border="0"></a></td>
            <td width="53%"><img src="images/guide_top_line.gif" width="168" height="39"></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="80" valign="top" background="images/guide_bg.gif"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="3%">&nbsp;</td>
            <td width="93%" valign="top">
            <table width="100%" border="0" cellpadding="0" cellspacing="0" id="guide01">
            <?=latest("custom", "i_tips", 4, 40, '' );?>
             
            </table>
              <table width="100%" border="0" cellpadding="0" cellspacing="0" id="guide02">
              <?=latest("custom", "s_tips", 4, 40, '' );?>
              </table></td>
            <td width="4%">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><img src="images/guide_bottom_line.gif" width="314" height="7"></td>
      </tr>
    </table></td>
  </tr>
</table>

<script>

function guideChange(data1) {
document.getElementById("guide01").style.display="none";
document.getElementById("guide02").style.display="none";

document.getElementById("tips01").src="images/guide_out_01.gif";
document.getElementById("tips02").src="images/guide_out_02.gif";


if (data1 == "01") {
document.getElementById("guide01").style.display="";

document.getElementById("tips01").src="images/guide_ove_01.gif";
document.getElementById("tips02").src="images/guide_out_02.gif";

  } else {
document.getElementById("guide02").style.display="";

document.getElementById("tips01").src="images/guide_out_01.gif";
document.getElementById("tips02").src="images/guide_ove_02.gif";
}
}
guideChange("01");
</script>