buenas a todos, no sé si perdi la práctica por las vacaciones o lo que sea, el tema es que no me sale lo siguiente.
tengo un menu de la siguiente forma:
<div id="menuprincipal" align="center">
<ul class="menuhorizontal">
<li id="1" value="historia.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('historia','','imagenes/botonhistoria2.png',1)"><img src="imagenes/botonhistoria1.png" id="historia" name="historia" width="147" height="80" border="0"/></li>
<li id="2" value="actores.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('actores','','imagenes/botonactores2.png',1)"><img src="imagenes/botonactores1.png" id="actores" name="actores" width="147" height="80" border="0"/></li>
<li id="3" value="cartelera.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('cartelera','','imagenes/botoncartelera2.png',1)"><img src="imagenes/botoncartelera1.png" id="cartelera" name="cartelera" width="147" height="80" border="0"/></li>
<li id="4" value="obras.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('obras','','imagenes/botonobras2.png',1)"><img src="imagenes/botonobras1.png" id="obras" name="obras" width="147" height="80" border="0"/></li>
<li id="5" value="galeria.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('galeria','','imagenes/botongaleria2.png',1)"><img src="imagenes/botongaleria1.png" id="galeria" name="galeria" width="147" height="80" border="0"/></li>
</ul>
</div>
y quería agregarle al archivo de js un listener de manera que cuando se haga click sobre alguna de las imágenes se cargue con ajax la pagina que corresponda. el tema es que no logro hacer funcionar los listener. alguien me sabe decir que hago mal (puede ser que todo, pero yo no lo veo). gracias de antemano gente!