// Licensed to the Apache Software Foundation (ASF) under one or more
// contributor license agreements.  See the NOTICE file distributed with
// this work for additional information regarding copyright ownership.
// The ASF licenses this file to You under the Apache License, Version 2.0
// (the "License"); you may not use this file except in compliance with
// the License.  You may obtain a copy of the License at
//
//    http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

$(document).ready(function() {
  // Carousel Initialization
  $('.jcarousel')
    .jcarousel({
      // Options go here
    });

  // Prev Control Initialization
  $('.jcarousel-control-prev')
    .on('jcarouselcontrol:active', function() {
      $(this).removeClass('inactive');
    })
    .on('jcarouselcontrol:inactive', function() {
      $(this).addClass('inactive');
    })
    .jcarouselControl({
      // Options go here
      target: '-=1'
    });

  // Next Control Initialization
  $('.jcarousel-control-next')
    .on('jcarouselcontrol:active', function() {
      $(this).removeClass('inactive');
    })
    .on('jcarouselcontrol:inactive', function() {
      $(this).addClass('inactive');
    })
    .jcarouselControl({
      // Options go here
      target: '+=1'
    });

  // Pagination Initialization
  $('.jcarousel-pagination')
    .on('jcarouselpagination:active', 'li', function() {
      $(this).addClass('active');
    })
    .on('jcarouselpagination:inactive', 'li', function() {
      $(this).removeClass('active');
    })
    .jcarouselPagination({
      // Options go here
      'item': function(page, carouselItems) {
        return '<li><a href="#' + page + '">' + page + '</a></li>';
      }
    });

  $('#tryit-start').on('click', function() {
    $('.jcarousel').jcarousel('scroll', 1);
  });
});