[js] zmiana koloru odnosnika

Witam! jest cos takiego:

<a HREF="">link 1</A>
<a HREF="">link 2</A>

///////////////////////////////////////////////////////////////////////////////////////////

<a HREF="">link A</a>
<a HREF="">link B</a>

Jak zrobić zeby po najechaniu na LINK A kolor zmieniał LINK 1
oraz po najechaniu na LINK B kolor zmieniał LINK 2

<a href="" id="l1">link 1</a>


<a href="" onmouseover="document.getElementById('l1').style.color='green'" onmouseout="document.getElementById('l1').style.color='red'"><img src="">link A</a>