Ayuda para script - activar-desactivar links en menu

[kapazapa]

Buenas, quisiera que me ayudaran con un script, pues tengo un menu de imagenes con texto y necesito
que al hacer click sobre la imagen, esta se quede con elestado activo que sería su background en otra posición,y el texto
en otro color, y al clicar sobre otra imagen del mismo menú, pues cambie tambíen esta a activo y la que estaba activa regrese
su estado original, lo he logrado de manera muy básica con un scipt que tengo, pero lo tengo funcionando para dos botones, si lo
implemento para todos los del menú pues me saldrían muchas lineas de codigo y creo que esto se puede hacer con variables pero
no logro hacerlo,
Gracias a quién me pueda ayudar.



$("#proyecto01").click(function () {
$("#proyecto01").css("background-position","left bottom");// ACA CAMBIO EL FONDO DEL DIV O BOTON A ESTADO ACTIVO
$("#proyecto01 .titulo").css("color","#f38001" );// ACA CAMBIO EL TEXTO A ESTADO ACTIVO
$("#proyecto02").css("background-position","left top");// ACÁ CAMBIO LOS OTROS DIVS O BOTONES A ESTADO ORIGINAL
$("#proyecto02 .titulo").css("color","#999999" ); // ACA CAMBIO EL TEXTO DE LOS OTROS BOTONES A ESTADO ORIGINAL
});


$("#proyecto02").click(function () {
$("#proyecto02").css("background-position","left bottom");
$("#proyecto02 .titulo").css("color","#f38001" );
$("#proyecto01").css("background-position","left top");
$("#proyecto01 .titulo").css("color","#999999" );


});

[kapazapa]

.......................................

[mayid]

Usa una clase de css, que se llame activo, y luego con jquery adjudicas y quitas la clase dinamicamente:

#proyecto01{
background-position:left bottom;
color:#f38001
}

$("#proyecto01").removeClass('activo');
$("#proyecto02").addClass('activo');

Para ir mas lejos, y tener mas de dos botones, recomiendo uses un "each" para asignar la funcionalidad "click" a todos los botones de una sola vez.

[mayid]

function botonera() {
// la botonera es una lista
botonera = $("#menu li a");

jQuery.each(botonera, function() {

$(this).click( function (){


activo.removeClass('activo'); // quito atributos al boton activo
activo = $(this); // declaro cual es el nuevo activo
activo.addClass('activo'); // atribuyo estilo al boton activo

return false;

})};

botonera();

Para que esto funcione, tiene que existir desde siempre un boton activo. Sino, hay que usar otras variables.