loop igennem a tags indenfor et givent id

Jeg har følgende links:

<div id="menublocks">
  <a href="#" id="1" onclick="bgchange(); changeme(this);">
      tekst her
  </a>
  <a href="#" id="2" onclick="bgchange(); changeme(this);">
      tekst her
  </a>
  <a href="#" id="3" onclick="bgchange(); changeme(this);">
      tekst her
  </a>
</div>

Med tilhørende java script:

//leftmenu color change
function bgchange(){
  var menus = document.getElementById("menublocks").getElementsByTagName("a");
    for (var i=0;i<menus.length;i++) {
        menus[i].style.background = '#ebebeb';
        menus[i].style.color = '333';
    }
};

//same
function changeme(var1){
    var1.style.background = '#336699';
    var1.style.color = '#fff';
};

Hvad vil jeg gerne opnå ?
At når jeg klikker på et link ændres bg farven til #336699 og alle andre links nulstilles til bg farven #ebebeb - altså kun 1 link af gangen må have bg farven #336699 (det link man har klikket på).

Som det er nu, gør function bgchange() det kun ved det første link - selvom jeg forsøger at loope igennem dem alle.

Jeg bruger også som du kan se 2 funktioner for at opnå noget forholdsvis simpelt. Det ville jo være lækkert hvis man kunne nøjes med 1 funktion.

Nogle bud ville var en stor hjælp :)