Hello,
I've got a website that I'm trying to update and I'd like to have the testimonials automatically swap out every 10 seconds or so in a preformatted div tag. I have the code to make the testimonials switch but instead of a hard, instantaneous swap I'd like to have it fade out and fade in with the new one. Could you guys help me out? This is the code I have so far:

var fileArr = ["Testimonials/one.txt", "Testimonials/two.txt","Testimonials/three.txt"];
var fileInx = 0;
function dispTestimonial () {
document.getElementById("testimonials").innerHTML = getFile(fileArr[fileInx]);
fileInx++;
if (fileInx >= fileArr.length) fileInx = 0;
}

function getFile(fileName){
oxmlhttp = null;
try{
oxmlhttp = new XMLHttpRequest();
oxmlhttp.overrideMimeType("text/xml");
}
catch(e){
try{
oxmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e){
return null;
}
}
if(!oxmlhttp) return null;
try{
oxmlhttp.open("GET",fileName,false);
oxmlhttp.send(null);
}
catch(e){
return null;
}
return oxmlhttp.responseText;
}

window.onload = function () {
dispTestimonial()
setInterval("dispTestimonial()", 5000);
}