mouseover divs

[csamuels]

i have a page that can create different reports based on user input. I want to show the user which report they are trying to create by changing the bgcolor of its div. When the page loads, it should change the bgcolor of the default report div...so the user knows that report is selected. The user can mouseover other report divs which will highlight their div and if the user clicks the link in the div, the page changes and the report that was clicked stays highlighted.

i wrote the following code, but its not working properly. The default report is not highlighted. The mouseover highlight works, but the mouseout "unhighlight" does not. Also, im having a hard time figuring out which report is selected

<script>
function highlight(a) {
  //alert(a.style.backgroundColor);
  if (a.style.backgroundColor="#CCCCCC")
    a.style.backgroundColor="#FFFFCC";
  else
    a.style.backgroundColor="#CCCCCC";
}
function shaderpt(a) {
  switch (window.location) {
    case /faxes_sent/:
      document.getElementById("faxes_sent").style.backgroundColor="#FFFFCC";
      break;
    case /md_nb_count/:
      document.getElementById("md_nb_count").style.backgroundColor="#FFFFCC";
      break;
  }  
}</script>

...

<tr>
  <td rowspan=5><div id=faxes_sent onmouseover=highlight(document.getElementById("faxes_sent")) 
                onmouseout=highlight(document.getElementById("faxes_sent")) style=shaderpt(document.getElementById("faxes_sent"))>
                <a href="<%= request.servervariables("URL") %>?description=faxes_sent">Faxes Sent</a></div><br>
                
                <div id=md_nb_count onmouseover=highlight(document.getElementById("md_nb_count")) 
                onmouseout=highlight(document.getElementById("md_nb_count")) style=shaderpt(document.getElementById("md_nb_count"))>
                <a href="<%= request.servervariables("URL") %>?description=md_nb_count">MD NB Count</a></div><br>
  </td>
</tr>

here's a pic

[TOAD6147]

What's a 'div'?

[csamuels]

The <div> tag is used to designate a block-line portion of an HTML document as a div element and to apply any of the core attributes of this tag against the contents of that element. The behavior of this tag is block-line, because this tag causes a line break (the equivalent of a br tag) to occur both before and after the div element. div tags, which can be nested, allow a significant degree of control and manipulation of each individual block section of your web page.

[TOAD6147]

Wow! I'm almost sorry I asked. Hopefully someone who does know what you're talking about will be along to help you out.