OnMouseOver - Style eines Elements

[Jeremy]

Hallo! Ich versuche, beim OnMouseOver eines Links die Style-Eigenschaften anderer Elemente zu verändern, allerdings funktioniert dies nicht wie gewollt:

HTML:

<div style="width:100%;">  
<a href="#" onmouseover="javascript:contentchange(2008,2009,2010);"><h3>2008</h3></a>  
<a href="#" onmouseover="javascript:contentchange(2009,2008,2010);"><h3>2009</h3></a>  
<a href="#" onmouseover="javascript:contentchange(2010,2008,2009);"><h3>2010</h3></a>  
<div style="background-color:white;visibility:hidden;" id="2008">  
  Foo  
</div>  
<div style="background-color:white;visibility:hidden;" id="2009">  
  Bar  
</div>  
<div style="background-color:white;visibility:hidden;" id="2010">  
  Lorem Ipsum  
</div>  
</div>  

Javascript:

  
function contentchange(container1,container2,container3) {  
  
document.getElementByID(container1).style.backgroundColor='#ff6600';  
document.getElementByID(container1).style.backgroundColor='#ff6600';  
document.getElementByID(container1).style.visibility='visible';  
  
document.getElementByID(container2).style.backgroundColor='##ffffff';  
document.getElementByID(container2).style.backgroundColor='#ffffff';  
document.getElementByID(container2).style.visibility='hidden';  
  
document.getElementByID(container3).style.backgroundColor='##ffffff';  
document.getElementByID(container3).style.backgroundColor='#ffffff';  
document.getElementByID(container3).style.visibility='hidden';  
  
}  

Leider bin ich blutiger Anfänger in Sachen Javascript. Was mache ich falsch?
Beim Hovern der Links passiert leider nichts.

Liebe Grüße,
Jeremy.