evento onMouseOver sobre <img>

[lambdavi]

Hola!! Estoy haciendo una pequeña función en javascript y me estoy volviendo loco. Me explico, tengo 4 imágenes que al ponernos encima (onmouseover) se muestra un texto en una div que está vacía. Este es el código, cada cosa en su sitio claro!!:

Código:

function mostrar() { nombre_div.innerHTML="Texto en mouseOver"; }
function ocultar() { nombre_div.innerHTML="" }

<img id="nombre_img" onmouseout="javascript:ocultar()" onmouseover="mostrar()" src="img/nl1.png" />

<div id="nombre_div"></div>

Esto de arriba funciona, pero hay que hacer una function por img... El tema es que quiero hacer un if para unir todas las sentencias, algo así:

Código:

function mostrar(){ 
		if (document.getElementByName("nombre_img").onmouseover = true) {
   			nombre_div.innerHTML="Texto en mouseOver";}
                else if (){...}
	}

... y no me sale!! Me ayudais???
Gracias cracks!!

[patilanz]

Bueno por lo que entendi te cree estas dos funciones:

Código Javascript:

function m(i,t) {
    var a = document.getElementById(i);
    nombre_div.innerHTML=t;}
function o(i){
    nombre_div.innerHTML='';
}
 

En cada imagen pon:

Código HTML:

<img src="imagen" id="image1" onmouseover="m(this.id,'texto que se muestra');" onmouseout="o(this.id);" />
 

Deberie de funcionarte ;)
Un saludo

[lambdavi]

Muchas gracias patilanz, luego lo pruebo y te digo!

[lambdavi]

Genial patilanz!!! funciona perfectamente!! muchas gracias!!