Cambiar imagen fondo del menu segun la pagina

bueno, estaba diseñando mi sitio web...
obviamente con php y tal...

pero ahora me encontre con un problema y quiero que mi menu tenga aquel efecto que

cuando estoy en una opcion la imagen de fondo cambia

por ejemplo el menu es una lista con las opciones
- inicio
- sobre
- staff

digamos que estoy en la pagina home, entonces la opcion "inicio" del menu va a tener una imagen de fondo diferente..

si estoy en la pagina "sobre" la imagen de fondo va a ser diferente, etc...


cual seria la mejor manera para hacer esto? e visto montones de paginas que usan este efecto, pero no se de que manera seria la mas efectiva?

por ejemplo. se me ocurre la principal, mi menu lo hago con require.

mi menu llega a cada una de las paginas desde la funcion requiere(); ahora...
lo unico que se me ocurre, es que en cada pagina se inicie una variable que diga que indice del menu tendra un color "diferente"

hacer algo como...
nombre de la pagina poner al inicio
index.php --> $menu_light[0] = 1;
sobre.php --> $menu_light[1] = 0;
staff.php --> $menu_light[2] = 0;

y luego en el menu que seria de la siguiente manera

menu.php

<ul>
<li class="menu_0<? echo $menu_light[0]; ?>"> opcion 1
<li class="menu_0<? echo $menu_light[1]; ?>"> opcion 2
<li class="menu_0<? echo $menu_light[2]; ?>"> opcion 3
<li class="menu_0<? echo $menu_light[3]; ?>"> opcion 4
[/list]

en otras palabras

digamos que estoy en la pagina indice
esta tiene una variable que dice que la variable $menu_light[0] sea igual a uno

entonces despues la clase de la opcion del menu ya no sera "menu_0" sino que sera "menu_01"
y esa clase sera diferente al resto...


pero es esto... como decir... una buena manera de hacerlo??

tengo otras opciones que dejen mi codigo mas ordenado? o mas lindo xD?

o tambien, me gustaria escuchar comentarios de algunos comentarios =)...
porfavor?

Puedes intentar con JAVASCITPT

Yo lo hago directamente con los estilos CSS, te cuento.

Cada enlace de mi menú tiene un estilo definido, así:

<h1>Lecci&oacute;n II</h1>
<DIV>Con Estilo</DIV>
<DIV>NotePad para Estilos</DIV>
<DIV>Link a estilo.css</DIV>
<DIV>La Hoja de Estilo</DIV>

Este menú se puede (y debe, je je) guardar en un archivo aparte y llamarlo desde cada página con un include. Así evitas retocar cada página ante cualquier cambio.

En la hoja de estilo no defino ninguna propiedad para todas esas clases que he señalado en negrita, con lo que es como si no existieran, salvo que....

Dentro de la cabecera (head) de cada una de las páginas de la web, defino el estilo negrita para el subapartado que le corresponde, así:

........
<STYLE>
<!--
#tema02 A, .apartado-c, .subapartado-a {FONT-WEIGHT: bold}
-->
</STYLE>
</HEAD>
........

Como ves, con esto pongo en negrita tres enlaces, el de la sección, apartado y subapartado correspondiente SOLAMENTE a la página que se está mostrando.

Lo pillas? Lo explico mejor? Es lo que buscas? Si usas php y bases de datos quizás (no se mucho de php aún) puedas definir alguna variable que sustituir dejando todo más fácil, quedando así al final:

........
<STYLE>
<!--
#$tema, $apartado, $subapartado {FONT-WEIGHT: bold}
-->
</STYLE>
</HEAD>
........

Y al ser eso ya idéntico a tooodas las páginas de la web se puede incluir en la plantilla si la tienes, reduciendo notablemente tu trabajo a la hora de elaborar nuevas páginas para la web.

Tú tendrías que hacer lo mismo pero cambiando la imagen de fondo en lugar de la propiedad de negrita, claro. Ya sabes, background-image.

Creo que no me he explicado lo suficientemente bien..... que me dices?