scroll og imageswap

Hvorfor ændre dette sig:

<a href=\"#\" onmouseover=\"scroll(5)\" onmouseout=\"noScroll()\" onclick=\"return false\"> <a href=\'java script:void(0)\' onmouseover=\"document.images.2.src=\'scroller.gif\';\" onmouseout=\"document.images.2.src=\'scrollbar1.jpg\';\"><img border=\"0\" src=\"up.jpg\" style=\"border: 1 solid #343062\" width=\"10\" height=\"10\" ></a></a>

til dette her:

<a href=\"#\" onmouseover=\"scroll(5)\" onmouseout=\"noScroll()\" onclick=\"return false\"> </a> <a href=\'java script:void(0)\' onmouseover=\"document.images.2.src=\'scroller.gif\';\" onmouseout=\"document.images.2.src=\'scrollbar1.jpg\';\"><img border=\"0\" src=\"up.jpg\" style=\"border: 1 solid #343062\" width=\"10\" height=\"10\" ></a>

Hvordan kan jeg få dette til at virke således at når musen føres over billedet (up.jpg), både scroller en tekst og et andet billede skifter?