Artikelbild bei MouseOver anzeigen

Ich möchte im Loop, der nur Seitentitel zeigt, bei MouseOver auf den jeweiligen Seitentitel das Artikelbild anzeigen und bei MouseOut wieder verbergen.

Das ganze möchte ich mit jQuery lösen, dazu gebe ich den Seitentiteln und Artikelbildern extra Classes - das ist kein Problem.

Mit diesem Code funktioniert das für die Seite mit der Page-ID 23 wunderbar.

<script type="text/javascript">     
        jQuery(document).ready(function($) {
        $(document).ready(function(){
            $('.men-img').hide();
                $('.page-item-23').mouseover(function() { $('.npf-img-23').show() });
                $('.page-item-23').mouseleave(function() { $('.npf-img-23').hide() });
            });
            });
</script>

nur möchte ich das ganze natürlich gern dynamisch im Loop generieren.
Ich könnte die Classes .page-item-23 und .npf-img-23 als Variable an das javascript übergeben.

Nur wie macht man das, Variablen an javascript übergeben?

Hat sich erledigt - so ein grauer, kalter Sonntag ist doch genau richtig, um selbst etwas heraus zu bekommen.