var i = 0;
var len = $("#photo img").length;
var fade;
function showPhoto(){
  var current = $("#photo img").filter(":visible");
  var target = $("#photo img").eq(i);
  var alt = target.attr("alt");
  var viewNumber = i + 1;
  $("#title").text("[" + viewNumber + "]" + alt);
  current.fadeOut();
  target.fadeIn();
  i++;
  if(i >= len){
  	i = 0
  }
  fade = setTimeout(function(){
  	showPhoto()
  }, 5000);
}
showPhoto();

$("#nextBtn").click(function(){
  clearTimeout(fade);
  showPhoto();
});