$(document).ready(function(){
  $("#mainImage2").css({'opacity':'0'});
  $("#mainImage3").css({'opacity':'0'});
  $("#mainImage3").css({'visibility':'visible'});
  setTimeout('fadeImage()', 4000);
});

function fadeImage() {
  $('#mainImage2').stop().fadeTo(2000, 1, function() { fadeImage2(); });
}

function fadeImage2() {
  $('#mainImage3').stop().fadeTo(2000, 1);
}