

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
var maximages = 11; // how many fade images do you have?
var fadespeed = 25; // fade frame time in milliseconds;  125 = 125 ms

var fadeintimer;
var fadeouttimer;
var fadeincount = 0;
var fadeoutcount = maximages-1;
var fadearray = new Array(maximages);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

fadearray[0] = "images/sewers_for_adoption_pumping_stations_00.gif";
fadearray[1] = "images/sewers_for_adoption_pumping_stations_01.gif";
fadearray[2] = "images/sewers_for_adoption_pumping_stations_02.gif";
fadearray[3] = "images/sewers_for_adoption_pumping_stations_03.gif";
fadearray[4] = "images/sewers_for_adoption_pumping_stations_04.gif";
fadearray[5] = "images/sewers_for_adoption_pumping_stations_05.gif";
fadearray[6] = "images/sewers_for_adoption_pumping_stations_06.gif";
fadearray[7] = "images/sewers_for_adoption_pumping_stations_07.gif";
fadearray[8] = "images/sewers_for_adoption_pumping_stations_08.gif";
fadearray[9] = "images/sewers_for_adoption_pumping_stations_09.gif";
fadearray[10] = "images/sewers_for_adoption_pumping_stations_010.gif";

for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray[i];'); // preloads fade images
}
function fade_in() {
clearTimeout(fadeouttimer);
document.images['fade-pic'].src = fadearray[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}
function fade_out() {
clearTimeout(fadeintimer);
document.images['fade-pic'].src = fadearray[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}
//  End -->