[Mike Abasov]

Здравствуйте, уважаемые.

Есть 3 блока (в будущем больше) и надо, чтобы они менялись с фэйдом при клике на правую или левую стрелку, при этом это было все циклично и докрутив до конца можно было начать сначала.

Написал вот такой скрипт:

<script type="text/javascript">

function change_it(id1, id2){
   
      $('#'+'nomer'+id1).fadeOut(300, function() { $('#'+'nomer'+id2).fadeIn(300); } );
}


var cstatus = 0;
var etot;

function next(){
    etot = cstatus;
    cstatus = cstatus > 2 ? 0 : cstatus + 1;
    change_it(etot, cstatus);
    return true;    
}

function prev(){
    etot = cstatus;
    cstatus = cstatus < 0 ? 2 : cstatus - 1;
    change_it(etot, cstatus);
    return true;
}
</script>

для вот этого куска ШТМЛ:

<style type="text/css">
#nomer0{}
#nomer1{display: none;}
#nomer2{display: none;}
</style>

<div id="leftarrow"><a id="doleft" onclick="prev();" href=""><img src="goleft.gif" alt="image" width="21" height="47" /></a></div>

<div id="nomer0" class="tovar"><img src="iphone.jpg" alt="image" width="192" height="105" /></div>
<div id="nomer1" class="tovar"><img src="plasinkus.jpg" alt="image" width="192" height="105" /></div>
<div id="nomer2" class="tovar"><img src="player.jpg" alt="image" width="192" height="124" /></div>

<div id="rightarrow"><a id="doright" onclick="next();" href=""><img src="goright.gif" alt="image" width="21" height="47" /></a></div>

Как вы уже поняли не работает, просто никак не реагирует и что-то я не могу понять что не так. С джейКью я только начал работать, так что ногами просьба не пинать.

Спасибо.