var page = 1;
var count = 0;

jQuery(document).ready(function($){
  // create pagination
  count = Math.ceil($('#TopContent ul li').length / 4);

  /*buttons = new Array();
  for(var i=0; i<count; i++)
  {
    $('#LoadPage').append('<a href="javascript:void(0)" class="specials_'+i+'">'+i+'</a>');
    buttons.push('.specials_'+i);
  }
  // make the first item active
  $('#LoadPage a:first').addClass('active');*/

  $('#jcarousel').jcarousel({
    scroll: 4,
    initCallback: mycarousel_initCallback,
    circular: false,
    // This tells jCarousel NOT to autobuild prev/next buttons
    buttonNextHTML: null,
    buttonPrevHTML: null
  });
});


function mycarousel_initCallback(carousel) {
  /*$('#LoadPage a').bind('click', function() {
    $('#LoadPage a.active').removeClass('active');
    position = jQuery(this).attr('class').replace('specials_','');
    page = parseInt(position)+1;
    position = (position*4) + 1;
    carousel.scroll(jQuery.jcarousel.intval(position));
    $(this).addClass('active');
    return false;
  });*/
  $('#Paginate .next').bind('click', function() {
    //if (page < $('#LoadPage a').length)
    if (page < count)
    {
      carousel.next();
      /*last_active = $('#LoadPage a.active');
      last_active.removeClass('active');
      last_active.next('a').addClass('active');*/
      page++;
    }
    else
    {
      //$('#LoadPage a.active').removeClass('active');
      page = position = 1;
      carousel.scroll(jQuery.jcarousel.intval(position));
      //$('.specials_0').addClass('active');
    }
    return false;
  });

  $('#Paginate .prev').bind('click', function() {
    if (page > 1)
    {
      carousel.prev();
      /*last_active = $('#LoadPage a.active');
      last_active.removeClass('active');
      last_active.prev('a').addClass('active');*/
      page--;
    }
    else
    {
      //$('#LoadPage a.active').removeClass('active');
      page = position = count;//jQuery('#LoadPage a').length;
      position = (position*4) + 1;
      carousel.scroll(jQuery.jcarousel.intval(position));
      //$('.specials_'+(page-1)).addClass('active');
    }
    return false;
  });
}