Controlar imagen en un frame desde otro

[alamm7]

bueno recien termino de leer un manual de java script y se me esta complicando todo.
quise hacer una pagina compuesta x 2 frames
en una, los botos ke actuaran sobre el 2do, que contiene una imagen
la funcion de los botones son cambiar en un caso la imagen, y en otro el fondo

lo del fondo me salio, pero lo de cambiar la imagen se me complica demasiado.
si me pueden ayudar les voy a agradecer

aca va masomenos lo que quise inventar :P

function cambFondo(col1){
fondoNovo = col1
top.frames['imagen'].document.bgColor = fondoNovo
}

function cambImg(ima1){
novImg = new Image(200,203)
novImg.scr = ima1
top.frames['imagen'].document.img1.scr = novImg.scr
}

Colores<br>
<form value=f0>
<input type=button value=Color1 onclick="cambImg(5.png)">
<input type=button value=Color2 onclick="cambImg(10.png)">
<input type=button value=Color3 onclick="cambImg(15.png)">
<input type=button value=Color4 onclick="cambImg(20.png)">
<br>
<br>
Fondos
<br>
<br>
<form value=f1>
<input type=button value=Fondo1 onclick="cambFondo('red')">
<input type=button value=Fondo2 onclick="cambFondo('green')">
<input type=button value=Fondo3 onclick="cambFondo('blue')">
<input type=button value=Fondo4 onclick="cambFondo('grey')">

muchas gracias x su tiempo