contador para animação

estou fazendo uma animação com o click do jquery, mas não está funcionando corretamente. Atribui o valor de 0 no html, e quando clica na seta para ir para o próximo passo ele ta vindo como 0 e deveria vir como 0, aqui está o código em jquery

 $("#arrowrecomende").click(function() {

 var count = $(this).attr('c-box');

 if(count == 1 || count == 0){

 $("#arrowrecomende").hide();
 $(".divlink").hide();
 $(".divmusica").hide();
 $(".addComentario").hide();
 $("#enviar").css('display','none');

 antena1.recomende.AnimateRotate(-90, 0);

 $( "#arrowrecomende" ).fadeIn( 5000, function() {

 $(".divartista").show();
 $("#arrowrecomende").show();
 $(this).attr('c-box', 2);

 });

 }

 if(count == 2){

 $("#arrowrecomende").hide();
 $(".addComentario").hide();
 $(".divartista").hide();

 var animate2 = antena1.recomende.AnimateRotate(-180, -90);

 $( "#arrowrecomende" ).fadeIn( 5000, function() {

 $(".divmusica").show();
 $("#arrowrecomende").show();
 $("#enviar").css('display','none');
 $(this).attr('c-box', 3);

 });

 }

 if(count == 3){

 $("#arrowrecomende").hide();
 $(".divmusica").hide();
 $(".addComentario").hide();

 antena1.recomende.AnimateRotate(-270,-180);

 $( "#arrowrecomende" ).fadeIn( 5000, function() {

 $("#arrowrecomende").show();
 $(".divlink").show();
 $(this).attr('c-box', 4);

 });

 }

 if(count == 4){

 $("#arrowrecomende").hide();
 $(".divmusica").hide();
 $(".divlink").hide();

 antena1.recomende.AnimateRotate(-360,-270);

 $( "#arrowrecomende" ).fadeIn( 5000, function() {

 $("#enviar").css('display','block');
 $("#arrowrecomende").show();
 $(".addComentario").show();
 $(this).attr('c-box', 1);

 });

 }

 if (count > 4){

 count = 1;
 }

 console.log(count);