Помогите новичку
 

Привет всем. Помогите решить задачку, а то уже запарился. Пример того что делаю здесь (смотреть на слайдер), у меня получилось так что я навожу например на ссылку 1, то добавляю новый класс panelBgHover, потом навожу на ссылку 2 и также добавляется класс panelBgHover, а от у ссылки №1 остается прежний. Чтобы лучше понять мое объяснение взгляните на пример. Уже мучусь очень долго, помогите плиззз. Вот мой код:

<script>
function ser(obj){
obj.className="panelBgHover"; <!-- Это функция отвечает за то чтобы при наведении мышкой менялся стиль-->
}
</script>
<script>
function serr(obj){
obj.className="panelBgHover"; <!-- Это функция отвечает за то что если вашка мышка не наведена на ячейку то стиль останется прежним-->
}
</script>                        

<script>     
   $('.panelBg').hover(
       function(){ $(this).removeClass('panelBgHover') }
       function(){ $(this).addClass('panelBg') },
);     
</script>

<?php
    $resultSlider = mysql_query("SELECT cat,title FROM data ORDER BY date DESC,id DESC LIMIT 3",$db);
    $myrowSlider=mysql_fetch_array($resultSlider);

do {
printf('<div class="panelBg" onMouseOver=ser(this) onMouseOut=serr(this)>

                <a href="index.php">
                    
                <p id="inner"><img src="uploads/img/zvezdu/IMG_7607.JPG" width="500" height="300"/>%s</p>
                </a>
       </div>',$myrowSlider["title"]);                                                     
    }
while ($myrowSlider=mysql_fetch_array($resultSlider)); 
?>

Удали весь приведенный js.

var active = $('<div class="panelBgHover">');
$('.panelBg').hover(
  function () {
    if(active != $(this)){
      active.removeClass('panelBgHover');
      active = $(this);
      $(this).addClass('panelBgHover');
    }
  },
  function () {}
);

Это весь твой скрипт !
И убери из php

onMouseOver=ser(this) onMouseOut=serr(this)

Это некрасиво и не понадобится.