メニュー（ナビ）を画像にして、切り替えたい

はじめまして。Wordpress初心者で、悩みながら制作をすすめてます。
理解レベルとしましては、html,cssは問題なくわかりますが、PHPが苦手です。

以下のことをやりたいのですが、良い方法を教えていただけないでしょうか？
どうぞよろしくお願いいたします。

＝＝＝＝＝＝＝＝＝＝＝
･グローバルナビを画像で表示したい。
･カテゴリー以下にいるときは、onの状態にしたい。
※マウスonはrollover.jsを利用したいと考えています。
※カテゴリーは以下のようになっています。

　A（親）
　　-A_1（子）
　　-A-2（子）
　B（親）
　　-B_1
　　-B_2
メニューは親しかないので、A_1にいるときでも、Bがonに
なっている状態にしたいです。

※ナビにTOPも含まれているので、TOPはTOPページにいるときのみonにしたいです。
＝＝＝＝＝＝＝＝＝＝＝

お世話になりますが、どうぞよろしくお願いいたします。