hover z jednego <a> do drugiego <a> Opcje

[HBK]

Hej,

Mam taką sytuację:

Jest sobie jeden link:

[HTML] pobierz, plaintext 
<a href="#"><img src=""></a>
[HTML] pobierz, plaintext 

i drugi:

[HTML] pobierz, plaintext 
<a href="#">link 1</a>
[HTML] pobierz, plaintext 

Jak zrobić żeby najeżdżając na obrazek z pierwszego linka podświetlił się hover z drugiego linka?

[HBK]

Rozwiązałem to przy pomocy onMouse ale wolałbym to w jQuery...


Pierwszy link:

[HTML] pobierz, plaintext 
<a onMouseOver="document.getElementById('col1').style.color='red'" onMouseOut="document.getElementById('col1').style.color='#fff'" href="#" title=""><img width="100" height="100" src="#" alt="" title="" /></a>
 
<a onMouseOver="document.getElementById('col2').style.color='red'" onMouseOut="document.getElementById('col2').style.color='#fff'" href="#" title=""><img width="100" height="100" src="#" alt="" title="" /></a>
 
<a onMouseOver="document.getElementById('col3').style.color='red'" onMouseOut="document.getElementById('col3').style.color='#fff'" href="#" title=""><img width="100" height="100" src="#" alt="" title="" /></a>
[HTML] pobierz, plaintext 

Drugi link:

[HTML] pobierz, plaintext 
<a id="col1" href="#" title=""><p>#</p></a>
 
<a id="col2" href="#" title=""><p>#</p></a>
 
<a id="col3" href="#" title=""><p>#</p></a>
[HTML] pobierz, plaintext 

Może podjąłby się ktoś przerobienia tego na jQuery? (IMG:style_emoticons/default/tongue.gif)


Z góry przepraszam moderatora temat z CSS zszedł na JS (IMG:style_emoticons/default/smile.gif)