var productTotal;
var productPanels;
var productIndex = 1;
var animationTime = 500;

$(document).ready(function() {
	
	productTotal = $('.thumbList ul li').length;
    productPanels = Math.ceil(productTotal / 9);

    if(Number(productTotal) > 4) {
        $('.thumbNext').show();
    }

	$('.thumbNext').click(function(e) {
        e.preventDefault();
        if(productIndex < productPanels) {
            if(productIndex == (productPanels-1) && productTotal < (productPanels*9)) {
                $('.thumbList ul').animate({
                    right: ((productTotal*71)-639)+'px'
                    }, animationTime, "swing");
            } else {
                $('.thumbList ul').animate({
                    right: (productIndex*639)+'px'
                    }, animationTime, "swing");
            }
            productIndex++;
            /*$('.thumbList ul li').removeClass('active');
            $('.thumbList ul li').eq(productIndex-1).addClass('active');*/
			
            if(productIndex > 1) {
                $('.thumbPrev').show();
            }
            if(productIndex == productPanels) {
                $('.thumbNext').hide();
            }
        }
    });
    
    $('.thumbPrev').click(function(e) {
        e.preventDefault();
        if(productIndex > 1) {
            $('.thumbList ul').animate({
                right: ((productIndex-2)*639)+'px'
                }, animationTime, "swing");
            productIndex--;
            /*$('.thumbList ul li').removeClass('active');
            $('.thumbList ul li').eq(productIndex-1).addClass('active');*/
        }
        if(productIndex == 1) {
            $('.thumbPrev').hide();
        }
        if(productIndex < productPanels) {
            $('.thumbNext').show();
        }
    });


	
});