require(["ipuUI", "jquery"], function (ipuUI, $) {
  $(function () {
    var carousel = ipuUI.hammerCarousel("#noLoopCarousel", { // 第一页设置幻灯片
      indicator: true,  //是否生成指示器(右下角的小圆点)
      loop: false,
      callBack: function (nowIndex)  //每次执行动作的回调。返回的是当前运行到第几张
      {
        console.log("nowIndxe:【carousel " + nowIndex + "】");
      }
    });

    var hammerCarousel = ipuUI.hammerCarousel("#loopCarousel", { // 第一页设置幻灯片
      autoPlay: true,
      indicator: true,
      callBack: function (nowIndex) {
        console.log("nowIndxe:【hammerCarousel " + nowIndex + "】");
      },
      clickBack: function (i) {
        console.log('click' + i);
      }
    });

    $("#prev1").on("click", function () {
      console.log("点了上一张");
      carousel.prev();
    });
    $("#next1").on("click", function () {
      console.log("点了下一张");
      carousel.next();
    });
    $("#play1").on("click", function () {
      console.log("点了自动播放");
      carousel.autoPlay = true;
      carousel.play();
    });
    $("#stop1").on("click", function () {
      console.log("点了暂停");
      carousel.stop();
    });

    $("#forward1").on("click", function () {
      console.log("点了跳转");
      carousel.show(2);
    });

    $("#prev").on("click", function () {
      console.log("点了上一张");
      hammerCarousel.prev();
    });
    $("#next").on("click", function () {
      console.log("点了下一张");
      hammerCarousel.next();
    });
    $("#play").on("click", function () {
      console.log("点了自动播放");
      hammerCarousel.autoPlay = true;
      hammerCarousel.play();
    });
    $("#stop").on("click", function () {
      console.log("点了停止");
      hammerCarousel.stop();
    });
    $("#forward").on("click", function () {
      console.log("点了跳转");
      hammerCarousel.show(2);
    });
  });
});