Cambiare lo stile ad un div

[Draxent]

Ciao a tutti
Ho 7 div contenenti un collegamento ed un immagine. Vorrei che quando si passa il mouse sopra il collegamento l'immagine cambia, e quando si clicca il collegamento al posto del collegamento e dell'immagine ci fosse un immagine.

 <script language="javascript">
function selection(campo){
document.getElementById(campo).style.background = "image/menu/"+campo+"_sel.png";
}
function change(campo){
document.getElementById(campo).innerHTML="[img]x.gif[/img]";
}
</script> 

dove il campo sono i vari id dei miei 7 div.
Naturalmente non mi funziona niente. Selection non funziona perchè mi dovrei riferire all'immagine dentro il div, ma non so come fare. Change invece, non so perchè non funziona.
Aiuto

[cavicchiandrea]

cosi dovresti risolvere per la prima funzione

<script language="javascript">
function selection(campo){
document.getElementById(campo).style.background = "url(image/menu/"+campo+"_sel.png)";
}
</script>

per la seconda se il percorso dell'immagine è corretto deve funzionare cioè inserire l'immagine nel div e non sullo sfondo

[Draxent]

Non funziona ancora... ma è perchè mi devo riferire all'immagine dentro il div.
Cioè io non voglio cambiare l'immagine di sfondo del div, ma quella dell'immagine.
Il div è fatto così :

<div id="nomecampo">
<a href="prova.php" onMouseOver="selection(nomecampo)" onClick="change(nomecampo)">
[img]x.gif[/img]</a>
</div> 

Grazie

[cavicchiandrea]

body:

<div id="nomecampo">
<a href="prova.php" onMouseOver="selection('nomeimmagine')" onClick="change('nomeimmagine','nomecampo')">
[img]x.gif[/img]</a>
</div>

funzioni:

<script language="javascript">
function selection(immagine){
document.getElementById(immagine).src = "image/menu/"+immagine+"_sel.png";
}
function change(immagine, campo){
document.getElementById(campo).innerHTML="[img]x.gif[/img]";
}
</script>