Hi all,

I have fellow javascript code:
Code:
<ul id="menu">
<li id="id1"><a href="#" onmouseover="javascript:changeClass('id', 'menuActived');" onmouseout="javascript:changeClass('oc_hotels', 'deactive');" >College Park Hotels</a>
<ul>			
	<li>
	<a href="url" onmouseover="javascript:activeClass('id1');" onmouseout="javascript:handleClass('id1');" >
	MENU 1 
	</a>
	<li>
	<a href="url" onmouseover="javascript:activeClass('id1');" onmouseout="javascript:handleClass('id1');" >
	MENU 2
	</a>
	<li>
	<a href="url" onmouseover="javascript:activeClass('id1');" onmouseout="javascript:handleClass('id1');" >
	MENU 3
	</a>
	</li>
</ul>
</ul>
I would like transform this code in code less intrusive,such as remove onmouseout and onmousever from my html.

but how I could make it ?

the main problem is :

Code:
<li>
<a href="url" onmouseover="javascript:activeClass('id1');" onmouseout="javascript:handleClass('id1');" >
	MENU 
	</a>