suche navigation die Bilder tauschen kann

Hallo,
ich habe eigentlich zwei Fragen - hab schon seit Stunden gesucht, aber finde nichts, was mir weiterführend erscheint - deshalb bitte ich um einen Tipp:

und gleich vorweg - so soll es im Prinzip sein, wie auf dieser Seite:
http://hasebikes.com/128-0-tandem-l…Uebersicht.html

erstens:
ich suche eine navigation, die Bilder tauschen kann (wie in der Produktauflistung direkt neben dem Bild)

zweitens:
ich habe eigentlich zwei Navigationen: eine oben (mit Über uns, Produkte, Kontakt und so weiter) und eine, die dann nur auf der Produkteseite wie eine sidebar erscheint - dort sollen die Produkte per rollover auf der Übersichtsseite jeweils angezeigt werden. Kann ich die erste Ebene meiner Seiten in der Oberen Navi anzeigen lassen und die Zweite Ebene (also alle unterseiten von Produkte) in der sidebar?

Ich erwarte hier natürlich keine Fertiglösung - aber vielleicht weiß jemand einen link, der mir weiterhilft - ein jquery oder ein plugin oder nur den Hinweis, dass ich ganz blöd was übersehen habe, und das ganz leicht irgendwo in WP einzustellen ist.

Vielen Dank, für alles was euch einfällt.
irmen

Hallo ich habe mir aushilfsweise eine navi mit der hand gebaut.
die funktioniert auch.
was ich gerne hier fragen möchte ist:
wie kriege ich das in meine wp-navigation rein. wo muss ich das reinschreiben?
Wie kann ich diesen javascriptbefehl verallgemeinern ...

hier erst mein handgeschribener code:

Zitat

<div id="einfachnav">
<a href="<?php bloginfo('url'); ?>/?page_id=31" ONMOUSEOVER="document.images['vorschau'].src='<?php bloginfo('template_url'); ?>/images/s-600.jpg';"
ONMOUSEOUT="document.images['vorschau'].src='/images/leer.gif';" ONFOCUS="this.blur()" class="einfachnav-li">S-600</a><br />
<a href="<?php bloginfo('url'); ?>/?page_id=38" ONMOUSEOVER="document.images['vorschau'].src='<?php bloginfo('template_url'); ?>/images/c-500.jpg';"
ONMOUSEOUT="document.images['vorschau'].src='/images/leer.gif';" ONFOCUS="this.blur()" class="einfachnav-li">C-500</a><br />
<a href="<?php bloginfo('url'); ?>/?page_id=33" ONMOUSEOVER="document.images['vorschau'].src='<?php bloginfo('template_url'); ?>/images/s-800.jpg';"
ONMOUSEOUT="document.images['vorschau'].src='/images/leer.gif';" ONFOCUS="this.blur()" class="einfachnav-li">S-800</a><br />
<a href="<?php bloginfo('url'); ?>/?page_id=40" ONMOUSEOVER="document.images['vorschau'].src='<?php bloginfo('template_url'); ?>/images/scomp.jpg';"
ONMOUSEOUT="document.images['vorschau'].src='/images/leer.gif';" ONFOCUS="this.blur()" class="einfachnav-li">SCOMP</a>
</div>

Alles anzeigen

und hier wie die wp_navi aussieht in die das können soll:

Zitat

<div id="produktnav">
<?php
if($post->post_parent)
$children = wp_list_pages("title_li=&child_of=".$post->post_parent."&echo=0");
else
$children = wp_list_pages("title_li=&child_of=".$post->ID."&echo=0");
if ($children) { ?>
<ul>
<?php echo $children; ?>
</ul>
<?php } ?>
</div><!-- /produktnav -->

Alles anzeigen

vielen Dank für tipp - gerne auch, wo ich das nachlesen kann wie man in die Navi einen javascriptbefehl reinbekommt
Vielen Dank

Ich glaube das geht nicht.
Denn on mouseover soll ja ein Bild an ganz anderer Stelle ausgetauscht werden. zusätzlich zum css rollover.
Und es sollen auch verschiedene bilder eingeblendet werden!

Oder hab ich dich nicht verstanden?