var jcindicator = {
  init: function (carousel, state) {
    var size = carousel.size();
    var group = carousel.options.scroll;
    var boxes = Math.ceil(size/group);
    var where = jQuery(carousel.container).parent();
    var indicator = '<div class="jcindicator">';
    
    indicator += '<div class="jcarousel-prev-horizontal"></div>';

    for (var i=1; i<=boxes; i++) {
      indicator += '<div class="jcindicator-btn" index="' + i +'"></div>';
    }
    
    indicator += '<div class="jcarousel-next-horizontal"></div>';
    indicator += '<br />';
    indicator += '</div><br />';
	//indicator += '</div><br />';

    where.before(indicator);

    where.parent().find('.jcindicator .jcarousel-prev-horizontal').click(function() {
      carousel.prev();
      return false;
    });

    where.parent().find('.jcindicator .jcarousel-next-horizontal').click(function() {
      carousel.next();
      return false;
    });

    where.parent().find('.jcindicator .jcindicator-btn').click(function() {
      var leader = parseInt(jQuery(this).attr('index')) * group - group + 1;
      if (leader > size) {leader = size};
      carousel.scroll(leader);
      return false;
    });
  },
  newFirst: function (carousel, li, index, state) {
    var indicator = jQuery(carousel.container).parent().parent().find('.jcindicator');
    var size = carousel.size();
    var prev = indicator.find(".jcarousel-prev-horizontal");
    var next = indicator.find(".jcarousel-next-horizontal");
    var pfun = carousel.first == 1   ? 'addClass' : 'removeClass';
    var nfun = carousel.last == size ? 'addClass' : 'removeClass';
    prev[pfun]('jcarousel-prev-disabled-horizontal');
    next[nfun]('jcarousel-next-disabled-horizontal');
    
    var group = carousel.options.scroll;
    var selected = Math.ceil((index - 1 + group) / group);

    indicator.find('.jcindicator-btn').each(function() {
      var e = jQuery(this);
      var i = parseInt(e.attr('index'));
      e[i == selected ? 'addClass' : 'removeClass']('jcindicator-btn-active');
    });
  }
};