var bufferedPics = new Array();
var count=0;
var pics = 
  ["images/rampage.jpg",
  "images/second_sin.jpg",
  "images/second_sin_interior.jpg",
  "images/brisa.jpg",
  "images/kapanui.jpg"];

var alts = 
  ["Rampage",
   "Second Sin",
   "Second Sin Interior",
   "Brisa",
   "Kapanui"];

var bufferPics = function(){
  for(var i in pics){
    bufferedPics[i] = new Image();
    bufferedPics[i].src = pics[i];
  }
}

var nextPic = function() {
  count = (count+1) % pics.length;
  $("#imageObject").fadeOut(250, function() {
    $(this).attr("src", pics[count]);
    $(this).attr("alt", alts[count]);
    $(this).attr("title", alts[count]);
    $(this).fadeIn(250);
  });
};

$(function(){
  bufferPics();
  $("#imageObject").attr("src", pics[count]);
  $("#imageObject").attr("alt", alts[count]);
  $("#imageObject").attr("title", alts[count]);
  setInterval(nextPic, 8000);
});
