Hice un botón q tiene una imagen y cuando me paro sobre el, la imagen cambia. Llamo al evento onmouseover y ahi llamo a la funcion q cambia la imagen, me funciona perfecto, pero lo que quiero es en el evento pasarle por parámetro el id de la capa donde esta la imagen, para entonces en la funcion capturar ese id y cambiar la imagen de la capa con ese id (y esto es lo que no se), porque yo lo hice sin pasarle parametro y en la funcion obtengo la capa de la imagen por el getElementById, pero si quiero hacer mas botones entonces tengo que repetir la funcion y lo que quiero es una sola funcion que le paso por parametro el id de la capa a la que le voy a cambiar la imagen. Aqui les va el codigo:
////Javascript
<script type="text/javascript">
function cambio1() {
document.getElementById("imagen").style.background Image='url("2.png")';
}
function cambio2(id) {
document.getElementById("imagen").style.background Image='url("1.png")';
}
</script>
//////HTML
<div id="boton">
<div id="imagen"></div>
<div id="texto"><a href="" onmouseover="cambio1()" onmouseout="cambio2()">Registrar Rol</a></div>
</div>