<!-- 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 artarray = new Array(maximages);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

artarray[0] = "images/artwork.jpg";
artarray[1] = "images/artwork2.jpg";
artarray[2] = "images/artwork3.jpg";
artarray[3] = "images/artwork4.jpg";
artarray[4] = "images/artwork5.jpg";


for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = artarray[i];'); // preloads fade images
}
function fade_in_art() {
clearTimeout(fadeouttimer);
document.images['fade-art'].src = artarray[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in_art()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}
function fade_out_art() {
clearTimeout(fadeintimer);
document.images['fade-art'].src = artarray[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out_art()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}
//  End -->