Проблем със news slider

[slideR]

Написах си следния много прост слайдър за новини. Обаче имам приблем. Когато мина с мишката върху даден линк, трябва да се сменя background изображението на един див(картинката на новината) и да се селектира дадения линк.
Ето го HTML кода:

<div class="slider_bg">
<div style="background: url('images/news/news_1.jpg') no-repeat; width: 680px; height: 308px;" id="slider_pic_big">
 <img src="<?php echo $path; ?>skins/<?php echo $template->current; ?>/images/slider_bg.png" />
</div>
</div>
<div class="slider_menu">
 <a href="news.php?mode=view&id=1" id="1" class="slider_menu_a_sel" onMouseOver="slider('1', 'images/news/news_1.jpg');">Call of dity най-добрата игра според списание</a>
 <a href="news.php?mode=view&id=2" id="2" class="slider_menu_a" onMouseOver="slider('2', 'images/news/news_2.jpg');">Call of dity най-добрата игра според списание</a>
 <a href="news.php?mode=view&id=3" id="3" class="slider_menu_a" onMouseOver="slider('3', 'images/news/news_1.jpg');">Call of dity най-добрата игра според списание</a>
</div>

и JS кода
[js]function slider(wath, pic) {
var id = wath;
if(id == '1') {
$("#1").addClass("slider_menu_a_sel");
$("#2").removeClass("slider_menu_a_sel");
$("#2").addClass("slider_menu_a");
$("#3").removeClass("slider_menu_a_sel");
$("#3").addClass("slider_menu_a");
document.getElementById('slider_pic_big').style.backgroundImage="url('"+ pic +"') no-repeat;";
}
else if(id == '2') {
$("#2").addClass("slider_menu_a_sel");
$("#1").removeClass("slider_menu_a_sel");
$("#1").addClass("slider_menu_a");
$("#3").removeClass("slider_menu_a_sel");
$("#3").addClass("slider_menu_a");
document.getElementById('slider_pic_big').style.backgroundImage="url('"+ pic +"') no-repeat;";
}
else if(id == '3') {
$("#3").addClass("slider_menu_a_sel");
$("#1").removeClass("slider_menu_a_sel");
$("#1").addClass("slider_menu_a");
$("#2").removeClass("slider_menu_a_sel");
$("#2").addClass("slider_menu_a");
document.getElementById('slider_pic_big').style.backgroundImage="url('"+ pic +"') no-repeat;";
}
}[/js]
Ето го и проблема. Линкът се селектира, но не се сменя картинката за фон. Цял ден се мъча, но не мога да го подкарам ;(

 

[shterev]

а защо не го направиш с css? :hover

а тоя код document.getElementById('slider_pic_big').style.backgroundImage="url('"+ pic +"') no-repeat;";

не е ли равен на тоя:
$('#slider_pic_big').style.backgroundImage="url('"+ pic +"') no-repeat;";

 

[slideR]

Нищо не става :X