Witam, mam problem ze zmianą klasy diva po najechaniu na odpowiedni obrazek

Obrazek:
<img src="css/images/img2_01.png" border="0" alt="" class="menu" name="img1" onmouseover="?" onmouseout="this.src = 'css/images/img2_01.png';" />

I div
<div class="hide" id="1">Strona Główna</div>

Co zrobić aby div zmienił swoją klasę na "show"?

className

Ok, a jeszcze jak wskazać na danego diva
W obrazku mam tak

onmouseover="this.className='show'"

No ale trzeba wskazać na diva który ma id="1"

Nie da się tego wskazać, gdyż identyfikator rozpoczynający się od liczby jest niepoprawny.

No dobra to jakbym dał tak
<div class="hide" id="menu_1">Strona Główna</div>

http://www.w3schools.com/htmldom/default.asp

ehh już wogóle wszystko zmieniłem i nie idzie
function mouseOver()
{
document.getElementById("menu_1").class = "show"
}

onmouseover="mouseOver()"

<div class="hide" id="menu_1">Strona Główna</div>

Nie .class a .className
Sprawdzaj błędy w konsoli błędów i przeanalizuj odp. uzyskiwane na forum.

Pozdrawiam

Edit:
Uważaj na ; gdyż w przyszłości może być to powodem błędu, w tym kodzie chyba ich nie potrzebujesz. Zdarzenia lepiej podpinać przez JS niż przez atrybuty HTML(poczytaj o tym).