( function( $ ){
  var stars_ids = [];
  var star_queue = {};

  function ino_set_star( link, label, post_id, star_id, steps){

    if( stars_ids.length <= 0 ) return;

    var idx = $.inArray( star_id, stars_ids);
    var new_idx, new_star_id, tmp_idx;
    
    if(idx >= 0){

      tmp_idx = ( idx + steps ) % ( stars_ids.length + 1 );
      new_idx = ( tmp_idx >= stars_ids.length )? -1 : tmp_idx;

    }else if( star_id == "0"){

      tmp_idx = ( -1 + steps ) % ( stars_ids.length + 1 );
      new_idx = ( tmp_idx >= stars_ids.length )? -1 : tmp_idx;

    }else{

      new_idx = 0;

    }

    new_star_id = ( new_idx >= 0 )? stars_ids[ new_idx ] : 0;

    link
      .attr('title', label)
      .attr( 'class', 'ino-star c' + new_star_id );

    if( steps == 0){
      link.data( 'star_id', new_star_id );
    }

  }


  $( function(){
    var $header = $('.ino-starred-column-header');
    if( $header.length > 0 ){
      var ids = $header.data('stars_ids');
      if( ids.length > 0){
        stars_ids = ids.split(',');
      }
    }

    $( '.ino-star-clickable' ).click( function( e ){

      e.preventDefault();
      var $link = $( this ),
          post_id = $link.data( 'post_id' ),
          star_id = $link.data( 'star_id' ) + '';

      $link.css('opacity', 0.5);

      var queue_id = 'post_' + post_id;

      if( star_queue[ queue_id ] ){

        if( stars_ids.length > 0 ){
          star_queue[ queue_id ].post.abort();
          star_queue[ queue_id ].steps++;
        }else{
          return;
        }

      }else{

        star_queue[ queue_id ] = {
          steps: 1,
          post: null
        };
      }

      ino_set_star( $link, '', post_id, star_id,  star_queue[ queue_id ].steps );

      star_queue[ queue_id ].post = $.post(
        ajaxurl,
        {
          'action'   : 'ino_set_star',
          'post_id': post_id,
          'steps': star_queue[ queue_id ].steps,
          'star_id': star_id
        },
        function( result ){

          star_queue[ queue_id ] = null;

          if( typeof result.val !== 'undefined' ){
            stars_ids = result.ids;
            var result_label = ( result.label )? 'starred with \'' + result.label + '\'' : '';
            ino_set_star( $link, result_label, post_id, result.val,  0 );
          }

          $link.css('opacity', 0.99);;
        },
        'json'
      );
    } );
  } );
} )( jQuery );