rollovers and frames - active (current) page

rollovers

[shine]

a website has a frameset with 2 frames. one above and one below. the one above has the navigational system: a series of buttons which use "normal" (or mouseout), and "over" (or mouseover) rollover states. each button in the upper frame has a link to a page within the site. upon clicking a button in the upper frame, a new page loads in the lower frame.

when the button is clicked and the new page loads below, the button should change to and remain in an "active" (in other words a 3rd color) (or on click state - even when the mouse moves out) - so that the user can see which area of the website he is in (for example in the "contact" area). when the user leaves the contact area (a series of 3 html pages) by clicking on a new button. the contact button should go back to it's "normal" (mouseout) state.

what action (goLive6) / or css code can be applied to do this?

a sample button code is as follows:

<a onmouseover="changeImages( /*CMP*/'bttn_cont',/*URL*/'../dina_media/bttncont2_S.gif');return true" onmouseout="changeImages( /*CMP*/'bttn_cont',/*URL*/'../dina_media/bttncont1_S.gif');return true" href="cont_hm_S.html" class="pic" target="dina_page"><img class="pic" src="../dina_media/bttncont1_S.gif" alt="Contacto" name="bttn_cont" height="26" width="64" border="0"></a>

[shine]

trying to do this with mousedown/up...

bttncont1_S.gif = mouseout
bttncont2_S.gif = mouseover
bttncont3_S.gif = mousedown

(the button should remain in the mousedown state until such time as another navigational button is clicked, then the button should return to it's original mouseout state)

<a

onmousedown="changeImages( /*CMP*/'bttncon1',/*URL*/'../dina_media/bttncont3_S.gif');return true"

onmouseup="changeImages( /*CMP*/'bttncon1',/*URL*/'../dina_media/bttncont3_S.gif');return true"

onmouseover="changeImages( /*CMP*/'bttncon1',/*URL*/'../dina_media/bttncont2_S.gif');return true"

onmouseout="changeImages( /*CMP*/'bttncon1',/*URL*/'../dina_media/bttncont1_S.gif');return true"

href="cont_hm_S.html" class="pic" target="dina_page">

<img class="pic" src="../dina_media/bttncont1_S.gif" alt="Contacto" name="bttncon1" height="26" width="64" border="0">

</a>

[Bigjohn]

is that using java?

[shine]

there is a tool in golive to create rollovers. the code is implemented automatically.