<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var maximages = 5; // how many fade images do you have?
var fadespeed = 125; // fade frame time in milliseconds;  125 = 125 ms

var fadeintimer;
var fadeouttimer;
var fadeincount = 0;
var fadeoutcount = maximages-1;
var bioarray = new Array(maximages);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

bioarray[0] = "images/bio.jpg";
bioarray[1] = "images/bio2.jpg";
bioarray[2] = "images/bio3.jpg";
bioarray[3] = "images/bio4.jpg";
bioarray[4] = "images/bio5.jpg";


for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = bioarray[i];'); // preloads fade images
}
function fade_in_bio() {
clearTimeout(fadeouttimer);
document.images['fade-bio'].src = bioarray[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in_bio()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}
function fade_out_bio() {
clearTimeout(fadeintimer);
document.images['fade-bio'].src = bioarray[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out_bio()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}
//  End -->