Newbie question re frames page.

[Henry]

I hope I'm in the right group here.
If not, please redirect me.

I've built a site with frames.

In the bottom frame page, I've put a table with various coloured cells:

e.g. <td bgcolor="#cccccc" width="13"><B><A
ONMOUSEOVER="document.bgColor='#cccccc'"><FONT SIZE=3>B</FONT></A></B></td>

This works fine and changes the bgcolor in the bottom frame.

What I want it to do is to change the bgcolor in the whole page (4 frames)

I've tried, in the bottom frame:
<td bgcolor="#cccccc" width="13"><B><A ONMOUSEOVER
="parent.top.recolourPage('#cccccc')"><FONT SIZE=3>B</B></FONT></A></td>

and in the top frame page Head section:
<script language="JavaScript" type="text/javascript">
function recolourPage(newcolor)
{document.bgColor=newcolor}
</script>

This doesn't work.
I've probably got the syntax wrong.
Can someone please point me in the right direction.

Thanks,
Henry