var books;
var curritem;
$(document).ready(function() {
  books = $("#booklist div").hide().size();
  curritem = Math.floor(Math.random()*books);
  $("#bookContainer").show();
  $("#booklist div:eq("+curritem+")").show();
  updatePosition();
  $("#nextBook").click(function() {
    $("#booklist div:eq("+curritem+")").hide();
    curritem = ++curritem%books;
    $("#booklist div:eq("+curritem+")").fadeIn(400);
    updatePosition();
  });
  $("#prevBook").click(function() {
    $("#booklist div:eq("+curritem+")").hide();
    curritem = --curritem;
    if (curritem < 0) { curritem = books-1; }
    $("#booklist div:eq("+curritem+")").fadeIn(400);
    updatePosition();
  });
});
function updatePosition() {
  $("#bookpos").html("("+(curritem+1)+" of "+books+")");
}