Consulta: cómo enviar una variable con onmouseover

[marlanga]

Puedes hacer dos cosas:
1- Al final del BODY, añadir tantos DIVS como productos estés mostrando en la página, con un ID único. Esos divs comparten un CLASS en común, cuyo estilos CSS lo posicionarán en el centro de la pantalla con el formato que tú quieras, y por supuesto, con su display a none. Cada div contendrá el tooltip de uno de los productos. Cuando pases el ratón por encima de uno de los productos de tu lista, haces que el DIV con el tooltip asociado se muestre en la pantalla. Puedes currarlo un poco más y hacer que aparezca, en vez en el centro de la pantalla, al lado del cursor del ratón, mediante su propiedad TOP y LEFT. Si el listado tiene más de 20 productos, deberías de usar el método de abajo.

2-Sólo añades un DIV al final del todo, cuyo contenido cargarás con AJAX en cuanto se dispare el evento de ratón asociado a cada producto de tu lista. Con javascript haces que ese AJAX haga una petición al mismo href del enlace que tienes dentro del producto en el que tienes el ratón encima.