<html>
<head>
<link type="text/css" rel="stylesheet" href="main.css">
[JS]<script type="text/javascript">
function replace() {
document.getElementById('first_active').style.backgroundPosition='-21px 0px'
}
function replace2() {
document.getElementById('first_active').style.backgroundPosition='0px 0px'
}
</script>[/JS]
</head>
<body>
<div id="slider">
<div id="menu_block">
<a id="logo" href="#"></a>
<div id="menu">
<a class="links" id="first_active"><span>01.</span> ФОТО<a>
<a class="links" onMouseOver="replace()" onMouseOut="replace2()" href="#"><span>02.</span> ВИДЕО</a>
<a class="links" onMouseOver="replace()" onMouseOut="replace2()" href="#"><span>03.</span> ЦЕНЫ</a>
<a class="links" onMouseOver="replace()" onMouseOut="replace2()" href="#"><span>04.</span> ИНФО</a>
<a class="links" onMouseOver="replace()" onMouseOut="replace2()" href="#"><span>05.</span> БЛОГ</a>
<div id="lang"><strong>Ru</strong> / <a href="#">En</a></div>
</div>
<div id="slider_nav">
<a id="left_button" title="Предыдущее фото" href="#"></a>
<a id="right_button" title="Следующее фото" href="#"></a>
</div>
<div id="copyright">© 2007–2013</div>
</div>
<div id="box"></div>
</div>
</body>
</html>
Как правильно события onMouseOver и onMouseOut описать в скрипте (то есть исключить эти записи из html-кода)?