jQuery.fn.createListPagings = function() {

    var meAndMyself = this;
    
    var listId = meAndMyself.attr("id");
    
    var i = 1;
    
    $j("#"+listId).prepend("<li class=\"paging\"><div id=\"prodPager"+listId+"\"></div></li>");
    
    $j("#"+listId+" > li:not(\".header\"):not(\".footer\"):not(\".paging\")").each(function() 
    {
        $j(this).addClass('not_active');
        $j(this).removeClass('active');
        if(i == 1)
        {
            className = "active";
        }
        else
        {
            className = "";
        }
    
        $j("#prodPager"+listId).append("<a href=\"javascript: void('');\" id=\"a"+listId+i+"\" class=\""+className+"\" onClick=\"toggleActiveProduct("+i+", '"+listId+"'); \"> "+(i++)+" </a>");
    });

    $j("#"+listId+" > li:has(\".first\")").each(function() {
        $j(this).addClass('active');
        $j(this).removeClass('not_active');
    });
    
    $j("#"+listId+" > li.paging").each(function() {
        $j(this).css('display', 'block');
    });
    
    return this;
};

function toggleActiveProduct(i, listId)
{
    var tmp = 1;
    
    $j("#"+listId+" > li:not(\".header\"):not(\".footer\"):not(\".paging\")").each(function() {
        if(tmp == i)
        {
            $j(this).addClass('active');
            $j(this).removeClass('not_active');
            $j("#a"+listId+tmp).addClass('active');
            $j(this).css('display', 'block');
        }
        else
        {
            $j(this).css('display', 'none');
            $j(this).addClass('not_active');
            $j(this).removeClass('active');
            $j("#a"+listId+tmp).removeClass('active');
        }
        tmp++;
    });
}