почему не работает каруселька

Подскажите ошибку

<script>  
    var c_num = 4;  
    var c_total = 14;  
    var c_step = 100;  
   var c_pos=0;  
 
    function c_prev(){  
        if ( c_pos == 0 )   
            c_set( ( c_pos = ( c_total - c_num ) ), 0 );  
        c_set( --c_pos, 200 );  
    }   
  
   function c_next(){  
        if ( c_pos == ( c_total - 4 ) )  
            c_set( ( c_pos = 0 ), 0 );  
        c_set( ++c_pos, 200 );    
   }   

   function c_set( pos, delay ){  
       $('#carousel-layer').animate({marginLeft: -pos*c_step}, delay );      
    }  
</script>  

<div class="karusel" style="overflow: hidden;">
<div class="left_scroll">
<a href="javascript:c_prev();"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/scroll_l.gif" alt="" /></a>
</div>
<div class="scrollee">
<div id="carousel-layer">  
<div class="carousel">786</div>  
<div class="carousel">div02</div>  
<div class="carousel">div03</div>  
<div class="carousel">div04</div>  
<div class="carousel">div05</div>  
<div class="carousel">div06</div>  
<div class="carousel">div07</div>  
<div class="carousel">div08</div>  
<div class="carousel">div09</div>  
<div class="carousel">div10</div>  
  
// Обратите внимание, здесь повторяются первые дивы, которые  
// Видны на экране при изначальном положении слоя  
<div class="carousel">div01</div>  
<div class="carousel">div02</div>  
<div class="carousel">div03</div>  
<div class="carousel">div04</div>  
Ц</div> 
</div>
<div class="right_scroll">
<a href="javascript:c_next();"><img src="<?php bloginfo('stylesheet_directory'); ?>/img/scroll_r.gif" alt="" /></a>
</div>
</div>

.carousel {
	background:url(img/head_pic.gif) no-repeat left;
	width:740px;
	height:271px;
	float:left;
	padding-left:526px;
}