+ JavaScript の質問用スレッド vol.65 +

質問させてください。
下記のようなリンクがが複数(可変)あります。

−−−−−−−−−−−−−−−
｜画像１A｜画像１B｜テキスト１｜←この行で一つのリンクとなります。
−−−−−−−−−−−−−−−
｜画像２A｜画像２B｜テキスト２｜←この行で一つのリンクとなります。
−−−−−−−−−−−−−−−
｜画像３A｜画像３B｜テキスト３｜←この行で一つのリンクとなります。
−−−−−−−−−−−−−−−

画像１A、画像１B、テキスト１のどれかにマウスオーバー時、画像１Bの画像とテキスト１の文字色を変更したいと思います。
単純にテキスト１をマウスオーバー時にテキスト１の文字色を変えるならcssのa:hover、画像１Bをマウスオーバー時、画像１Bの画像を差し替えるならJavaScriptで出来たのですが、
例えば、画像１Aをマウスオーバー時、画像１Bの画像を差し替えつつ、テキスト１の文字色を変える方法が分かりませんでした。

その為、何かアドバイスいただける方はご指導いただければと思います。

なお上記の画像などの中身には下記が入ります。
画像１A・・・花の写真
画像１B・・・矢印画像
テキスト１・・・花の名前

そして、画像１Aの花の写真のサイズは不定となっております。

よろしくお願いします。