[JS] zagnieżdżone onmouse(over/out)

po kilku godzinach zmagan doszedłem do wniosku, ze nie mozna zagdniezdzac onmouseover w onmouseover :/

var ziom = 0;

function divFunc(wsk, typ)
{
	if (typ=='out')
	{
		ziom = 0;
		document.getElementById('r1').innerHTML='out div'+ziom;
	} else
	if (typ=='over')
	{
		if (ziom==10)
		{
			document.getElementById('r1').innerHTML='over div'+ziom;
		}
	}
}

function imgFunc(wsk, typ) 
{
	ziom = 10;
}

<div onmouseover="divFunc(this, 'over');" onmouseout="divFunc(this, 'out');" >
	<img src="main/cal.gif" onmouseout="imgFunc(this, 'out')" onmouseover="imgFunc(this, 'over');" >
	<span style="font-style: normal;" id="r1">rok 2000 </span> cos tam, pisanie;
</div>

efekt jaki chciałem uzyskać:
(1)najadę na diva, (2)tekst zmienia się, gdy najadę na obrazek w nim. Gdy zjadę z obrazka, ale wciąż jestem w w div'ie to tekst jest dalej zmieniony(). Na zupełnie inny zmienia się gdy zjadę z diva
()w tym jest problem, bo jak zjeżdżam z img'a to wywołuje mi się też onmouseout div'a, a tego właśnie nie chcę [diabel]

może ciężko to zrozumieć, ale przeanalizujcie kod, to zrozumiecie o co mi chodzi.

znalazłem odpowiedz na moje pytanie:
http://www.quirksmode.org/js/events_order.html