:hover - změna více obrázků najednou?

Hoj ...
řeším takovou věc - mám menu udělané pomocí divů, a jedna položka má 3divy (jelikož to je grafické).
levý roh, pak vzorek, aby se to mohlo natahovat podle délky textu, a pak pravý roh.
a chtěl bych nějakvyřešit že když návštěvník ukáže myší na jakýkoliv z těch divů, tak se mu změní všechny tři (obrázky).

HTML:

	<div id="h_m_left"></div>

	<div id="h_m_patt">

	<a href="#">Úvod</a>

	</div>

	<div id="h_m_right"></div>

CSS:

#h_m_left {

background-image: url(../images/header_menu_left.png);

background-repeat: no-repeat;

width: 6px;

height: 100px;

float: left;

}



#h_m_right {

background-image: url(../images/header_menu_right.png);

background-repeat: no-repeat;

width: 6px;

height: 100px;

float: left;

}



#h_m_patt {

background-image: url(../images/header_pattern.png);

background-repeat: repeat-x;

height: 100px;

float: left;

Padding-left: 20px;

Padding-right: 20px;

line-height: 104px;

Color: #484848;

Font-size: 24px;

font-weight: bold;

text-transform: uppercase;

Font-family: Candara, 'Trebuchet MS', Tahoma, sans-serif;

}

a názvy souborů jsou
header_menu_left.png -------> při najetí myší se změní na --------> header_active_menu_left.png
header_menu_right.png -------> header_active_menu_right.png
header_pattern.png ------> header_active_pattern.png



No doufám že jste to pochopili, a teď nevím jak to vyřešit... přemýšlím o javascriptu, který neumím, a php, ve kterém by se to možná dalo nějakýma podmínkama udělat.
Předem díky!

ad php - kk ... jen mě napadlo že jestli jde nějak v javascriptu udělat že když se spustí onhover, tak to přepíše nějakou proměnnou a spustí se podmínka. no to nic.
ad áčko - jak to myslíš? mohl bys napsat nějaký příklad?

jo, ale tím nedonutím změnit všechny 3 obrázky naráz, nebo jo?
já nechci změnit jen jeden z nich, ten, na který se zrovna ukazuje... chci je změnit všechny 3!

kk, takže to hodím do a, ale co dál? jaké vlastnosti, atd? co změnit v css? vůbec totiž nechápu, jak může a změnit všechny obrázky když se ukáže jen na jeden

<a onmousehover="style="#h_m_left {background-image: url(../images/header_active_left.png;}"">
<div id="h_m_left"></div>
<div id="h_m_patt">
<a href="#">Úvod</a>
</div>
<div id="h_m_right"></div>
</a>

tak nějak?

já to vzdávám :)

a čím mám nahradit ty divy? tabulkama, img, nebo spanem, který je inline?

prosím tě, napiš mi, jak bys to vyřešil ty. mě to prostě nenapadá (blbej den :)) )

leo - JS moc neovladam, ale napadlo me to hlavne kvuli tem onmousehover atd.
ale jelikoz to neumim, tak mi asi nezbude nic jineho nez to zkouset v HTML + CSS ...

JO, díky ... fakticky tohle by mě v žívotě nenapadlo ... ale funguje to a to je hlavní ... díky moc!