// showing and hiding specific div areas

function showstuff(boxid){
   document.getElementById(boxid).style.display="block";
}

function hidestuff(boxid){
   document.getElementById(boxid).style.display="none";
}

/************use on actual page

<div id="test1"><a onclick="showstuff('test1'), hidestuff('test2'), hidestuff('test3'); ">
<img src="images/btn_recent.gif" alt="" name="recent" width="106" height="22" border="0" id="recent" /></a></div>

<div id="test2"><a onclick="showstuff('test2'), hidestuff('test1'), hidestuff('test3');">
<img src="images/btn_announce.gif" alt="" name="announcement" width="110" height="22" id="announcement" /></a></div>

<div id="test3"><a onclick="showstuff('test3'), hidestuff('test1'), hidestuff('test2');">
<img src="images/btn_industry.gif" alt="" name="industry" width="110" height="22" id="industry" /></a></div>

end of code *****************/