currentScreenshot = 0;

$(document).ready(function(){

  $("#previousScreenshot").click(function(event){
    numberOfScreenshots = parseInt($("#screenshot").attr("numberOfScreenshots"));
    currentScreenshot = (currentScreenshot - 1 + numberOfScreenshots) % numberOfScreenshots;
    $("#screenshot").attr("src", "Screenshot" + currentScreenshot + "s.jpg");
    $("#screenshotIndicator").html((currentScreenshot+1) + "/" + numberOfScreenshots);
  });

  $("#nextScreenshot").click(function(event){
    numberOfScreenshots = parseInt($("#screenshot").attr("numberOfScreenshots"));
    currentScreenshot = (currentScreenshot + 1) % numberOfScreenshots;
    $("#screenshot").attr("src", "Screenshot" + currentScreenshot + "s.jpg");
    $("#screenshotIndicator").html((currentScreenshot+1) + "/" + numberOfScreenshots);
  });

});