var currentIndex = 0;
changeImage();

function changeImage() {
  $("#oldImage").attr("src", $("#newImage").attr("src"));
  $("#newImage").hide();
  
    if ((currentIndex + 1) == arrValues.length) {
        currentIndex = 0;
    } else {
        currentIndex++;
    }

    $("#newImage").attr("src", arrValues[currentIndex]);
    $("#newImage").fadeIn(2000);
    setTimeout(changeImage, 8000);
}