onClick - richiamare una funzione e modificare css

[dumbsim]

Ciao a tutti,

Ho una pagina che a grandi linee ha questa struttura

<div class="right" id="gallery">

	<div class="portfolio_tot" id="esterni">
	</div>
			
	<div class="portfolio_tot" id="interni" style="display:none;">
	</div>
	
	<div class="portfolio_tot" id="dettagli" style="display:none;">
	</div>				

</div>

<div class="nav">

	[*]<a onclick="SwitchMenu('esterni')" id="est">Esterni</a>
	[*]<a onclick="SwitchMenu('interni')" id="int">Interni</a>
	[*]<a onclick="SwitchMenu('dettagli')" id="det">Dettagli</a>

</div>

premettendo che sono relativamente a javascript e lo uso abbastanza poco, ho trovato e adattato questa funzione per far apparire e sparire i tre div contenuti dentro "gallery":

function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	//alert(obj)
	var ar = document.getElementById("gallery").getElementsByTagName("div");		
		if(el.style.display != "inline"){
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="portfolio_tot")
				ar[i].style.display = "none";
			}
			el.style.display = "inline";
		}else{
			el.style.display = "none";
		}
	}
}

Vorrei modificare la funzione in modo che cambi una propietà del css anche al link che clicco per attivare la funzione (in modo da lasciare un feedback all'utente) e riportare al valore standard quella degli altri due elementi contenuti nel div "nav".

Qualcuno sa darmi qualche consiglio su come procedere?