Javascript-форум - childNodes не могу сменить картинку

Программисты помогите голову сломал - нужно просто изменить картинку с ид 533 (ид поставил для понятности) обрщение по childNodes не работает как я понял img является вложеным в childNodes.item(3) но все мои попытки типа childNodes.item(3).firstChild.src не работают.

<html >
<head>
  <title></title>
</head>

<body>
<table>
<tr   onMouseOver="menu_change(this)" onMouseOut="menu_change(this)">
<td  height="17"  bgcolor="#4F4F51" style="padding: 0 0 0 5;">
<a href="http://xxx">AMD</a>
</td>
<td   align="right" valign="middle" bgcolor="#4F4F51" style="padding: 0 10 0 0;">
<img id="533" src="arrow_gr.gif">
</td>
</tr>
</table>
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
function menu_change(obj)
{
   if (obj.childNodes.item(1).bgColor == '#00abed')
	{

         obj.childNodes.item(1).bgColor = '#4F4F51';
         obj.childNodes.item(3).bgColor = '#4F4F51';
      // obj.childNodes.item(4).src = 'arrow_gray.gif'; // и это не работает
	}
	else
	{
      obj.childNodes.item(0).cursor = 'hand';
      obj.childNodes.item(1).bgColor = '#00abed';
      obj.childNodes.item(3).bgColor = '#00abed';
  //    obj.childNodes.item(4).src = 'arrow_blue.gif';  // это не работает 
	}

}

/*]]>*/
</script>
</body>

</html>