menu activo con javascript

[charlyta]

Hola. Suelo utilizar una función muy sencilla para detectar la página actual y así empujar una clase css. El tema es que he cambiado de css y en lugar de li/ul trabajo con este html actual y mi función no reconoce la selección..upff pongo el ejemplo y a ver si queda más claro. gracias.

mi javascript

Código Javascript:

function setActive() {
  aObj = document.getElementById('menu').getElementsByTagName('a');
  for(i=0;i<aObj.length;i++) { 
    if(document.location.href.indexOf(aObj[i].href)>=0) {
      aObj[i].className='active';
    }
  }
}
window.onload = setActive;
 

mi html

Código HTML:

<div id="menu">
    <NAV>
<A 
id=nav_home href="inicio.htm"><SPAN>Inicio</SPAN></A>
 
<A id=nav_barra><SPAN></SPAN></A>
<A 
id=nav_trabajos href="trabajos.htm"><SPAN>trabajos</SPAN></A>
<A id=nav_barra><SPAN></SPAN></A>
 
</div>
 

mi css

Código CSS:

#nav_inicio .active a { background: url(nav.png) -8px 0; } 
#nav_trabajos .active a { background: url(nav.png) -8px 0; }