Problema com contador em carrocel.

[hdl200 0]

Estou criando um carrocel com um contador nas setas, ele está funcionando, entretanto, quando existe mais de um carrocel, ou seja, mais de um post, é usado a mesma variável para ambos.

 

Preciso que a contagem seja individual, ou seja, que $i possua um valor em cada cada carrocel.

 

Abaixo um trecho do código:

var ajsh = 0;
 
$(".hdl_images_list").each(function(sd, pE){
   
    var idPostLi = $(this).attr("id");
    var arr = [idPostLi];
 
    console.log(sd + ':' + arr[ajsh]);
 
 
 
var n = $('#'+idPostLi+' .hdl_image_box').length;
 
 
$('#'+idPostLi).css('background',backgroundGaleria);
 
        
            $tresColunas = ((n-colunasGaleria) * -larguraThumbsComMargin);
            $totalColunas = (n * -larguraThumbsComMargin);
               
        var x = $("#"+idPostLi+" ul").offset();
        x.left = 0;
        $valorLeft = x.left;
        $i = 0;
        $j = colunasGaleria;
        $w = n-colunasGaleria;
        $imparpar = colunasGaleria % 2;
        
        $('#'+idPostLi+' .hdl_li_' + 2).addClass('terceira');
        
        $("#"+idPostLi+" .hdl_seta_right").click(function(){
 
            $('#'+idPostLi+' .hdl_li_' + (n-1)).addClass('ultima');
            $('#'+idPostLi+' .hdl_li_' + ($i+$j-1)).removeClass('terceira');
            $('#'+idPostLi+' .hdl_li_' + ($i+$j)).addClass('terceira');
            //arrumar $('.hdl_li_' + ($i+(colunasGaleria-1) / 2)).addClass('terceira'); //adicionar na thumb do meio
 
 
            if($w <= 0){
        
                       $('#'+idPostLi+' ul').animate({left: $tresColunas + "px"});
                       
                }else{
                  
                    $('#'+idPostLi+' ul').animate({left: "+=-" + larguraThumbsComMargin + "px"});
                    $valorLeft = $('#'+idPostLi+' ul').offset().left;
 
                   
            $i++;
            $w--;
            }
 
            
         });