Saiatībā ar JavaScript, function mouseOver() function mouseOut()

Pogu animācija - šādi viss notiek un tas ir labi.

<head>
<script type="text/javascript">
function mouseOver()
{
document.b1.src ="b_blue.gif"
}
function mouseOut()
{
document.b1.src ="b_pink.gif"
}
</script>
</head>
<body>
<a href="http://www.google.com" target="_blank"
onmouseover="mouseOver()"
onmouseout="mouseOut()">
<img border="0"  src="b_pink.gif" name="b1" width="26" height="26" /></a>
</body>

Bet kā rīkoties, ja man ir vairākas pogas un, lai katra darbojas atsevišķi? Mēģināju šadi un vel visādi, bet nesanāca.

function mouseOver()
{
document.b1.src ="b_blue.gif"
}
{
document.c2.src ="citabilde2.gif"
}
function mouseOut()
{
document.b1.src ="b_pink.gif"
}
{
document.c2.src ="citabilde.gif"
}