YAHOO.util.Event.onDOMReady(function (ev) {
  var carousel = new YAHOO.widget.Carousel("container", {numVisible: 1, autoPlayInterval: 5000, isCircular: true, animation: { speed: 1 }});
  var numItems = carousel.get("numItems");
  var numVisible = carousel.get("numVisible");
  var paginator = new YAHOO.widget.Paginator({
      containers: "pagination",
      rowsPerPage: 1, 
      template: "{PageLinks}",
      totalRecords: Math.ceil(numItems / numVisible)
  })


paginator.subscribe("changeRequest", function (state) {
  // set the selectedItem so that the Carousel scrolls to the page automatically
  carousel.set("selectedItem", (state.page - 1) * numVisible);
  paginator.setState(state);
});

carousel.on("pageChange", function (page) {
  // Paginator's page begins from 1
  // Also, we need to suppress this triggering a changeRequest event.
  paginator.setPage(page + 1, true);
});

carousel.on("itemSelected", function (index) {
  // item has the reference to the Carousel's item
  var item = carousel.getElementForItem(index);
});

carousel.render();
carousel.show();
paginator.render();
YAHOO.util.Event.addListener( "window", "unload",new function(){ carousel.startAutoPlay();});
});