como hacer que al apretar un div me cambie la imagen en otro?

[dahianabeltran]

Hola a todos! soy muy nueva en todo esto, y estoy empezando a ver algo de javascript. Lo que quisiera saber es, como hacer para que al apretar un div me cambie la imagen que se esta mostrando en otro div. Lo que voy a tener son 5 divs que representarían cada uno a un botón y cada vez que apreto uno de estos quiero que se vea una imagen determinada. aquí les dejo una partesita de mi código. Quisiera que me ayuden a armar la función. Gracias!

<div id="publicidad">
<div id="imag">
<div id="integracionSistemas"></div>
<div id="datawerehouse"></div>
<div id="cloudComputing"></div>
<div id="seguridad"></div>
<div id="aplicacionesSistemas"></div>
</div>

<div id='Cbot'>
<div id="botones0" onClick="Fcambiar_img();" ></div>
<div id="botones1" onClick="Fcambiar_img();" ></div>
<div id="botones2" onClick="Fcambiar_img();" ></div>
<div id="botones3" onClick="Fcambiar_img();" ></div>
<div id="botones4" onClick="Fcambiar_img();" ></div>
</div>
</div>

[PIRRUMAN]

donde quieres que se muestre la imagen
solo necesitas un div para mostrar
<div id="imag"></div>

Código Javascript:

<script>
function Fcambiar_img(IMG)
{
  document.getElementByID('imag').innerHTML="<img src='../miruta/"+IMG+"'/>";
}
</script>
 

y en tus divs

Código HTML:

<div id="botones0" onClick="Fcambiar_img('miimagen1.png');" >uno</div>
<div id="botones1" onClick="Fcambiar_img('miimagen2.jpg');" >dos</div>
<div id="botones2" onClick="Fcambiar_img('miimagen3.png');" >tres</div>
<div id="botones3" onClick="Fcambiar_img('miimagen4.png');" >cuatro</div>
<div id="botones4" onClick="Fcambiar_img('miimagen5.gif');" >cinco</div>