Apariencia dinámica.

[erponcios]

Buenas gente, posteo lo siguiente porque llevo varios dias comiendome la cabeza de como hacer esto... pero ninguna forma de las que he pensado me convence...

Lo que quiero hacer es que teniendo... tres imágenes, dependiendo de a cual se cliqué, el siguiente texto que se encuentra en un archivo exterior llamado menu.js, cambie..

this.main_item_styles = "color:#999999;"
this.subs_item_styles = "color:#999999;"

Estas variables, son las que me controlan los estilos de mi menú.

Entonces como podreis haber comprendido, lo que quiero es que el usuario pueda ir cambiando el aspecto del menú, segun le da a una imagen u a otra. Para ello tengo que modificar ese texto que esta localizado en menu.js.

He pensado varias formas...

1º Hacer una funcion, que me recoja el color de cada imagen, cuando se clickea sobre ellas, mediante javascript.

2º Hacer 4 archivos diferentes... 3 para los menus con cada color, y el menu.js. Cuando se clickee sobre ella, renombrar el archivo del color correspondiente a menu.js, sustituyendo al otro.

3º Ir controlando el color que hay mediante una variable de session. (esta no la tengo muy clara de como hacerla).

4º Cuando se clikee sobre la imagen, abrir el archivo, localizar las dos líneas correspondientes, y sustituirlas por el color sobre el que se ha clickeado.

Si alguien piensa que alguna de estas ideas es correcta, que me lo diga por favor.. y si me puede dar algunas directrices para desarrollarla se lo agradecería mucho.

Muchas gracias
Atentamente, Felipe