CSS Buttons und Onclick

[jimmy]

Hallo zusammen,

ich habe mehrere CSS-formatierte Buttons nebeneinander die bei mouseover die Farbe ändern. Jeder Button soll ein onclick (bzw. ein href) bekommen um eine javascript Funktion aufzurufen. Zusätzlich möchte ich, dass jeweils der zuletzt angeklickte Button die Farbe solange ändert bis ein anderer dieser Buttons angeklickt wird.

Kann mir jemand einen Tipp geben was ich ändern/hinzufügen muss damit der angeklickte Button die Farbe behält???
Bisher siehts so aus:

<ul id="Navigation" >  
 <li><a onclick ="ButtonClick(1)">Bsp1</a></li>  
 <li><a href="javascript:ButtonClick(4)">Bsp2</a></li>  
</ul>

ul#Navigation {  
    margin: 0; padding: 0.8em;  
    text-align: center;  
	width:auto;  
    background-color: #FFFFFF;  
  }  
  
ul#Navigation li {  
    list-style: none;  
    display: inline;  
    margin: 0.4em; padding: 0;  
  }  
  
ul#Navigation a, ul#Navigation span {  
    padding: 0.2em 1em;  
    text-decoration: none; font-weight: bold;  
    border: 1px solid black;  
    border-left-color: white; border-top-color: white;  
    color:#ACD697; background-color: #735539;  
  }  
  
ul#Navigation a:hover, ul#Navigation span {  
    border-color: white;  
    border-left-color: black; border-top-color: black;  
    color: #735539; background-color: #ACD697;  
  }  

Danke!