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

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

var fadeintimer;
var fadeouttimer;
var fadeincount = 0;
var fadeoutcount = maximages-1;
var fadearray0 = new Array(maximages); 
var fadearray1 = new Array(maximages); 
var fadearray2 = new Array(maximages); 
var fadearray3 = new Array(maximages); 
var fadearray4 = new Array(maximages); 
var fadearray5 = new Array(maximages); 

// enter all the fade images here the first item should be 0, then
// numbered through 1 less than your maximages 

fadearray0[0] = "./tmb/tmb0.jpg";
fadearray0[1] = "./tmb/tmb0-4.jpg";

fadearray1[0] = "./tmb/tmb1.jpg";
fadearray1[1] = "./tmb/tmb1-4.jpg";

fadearray2[0] = "./tmb/tmb2.jpg";
fadearray2[1] = "./tmb/tmb2-4.jpg";

fadearray3[0] = "./tmb/tmb3.jpg";
fadearray3[1] = "./tmb/tmb3-4.jpg";

fadearray4[0] = "./tmb/tmb4.jpg";
fadearray4[1] = "./tmb/tmb4-4.jpg";

fadearray5[0] = "./tmb/tmb5.jpg";
fadearray5[1] = "./tmb/tmb5-4.jpg";


for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray0[i];'); // preloads fade images
}

for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray1[i];'); // preloads fade images
}

for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray2[i];'); // preloads fade images
}

for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray3[i];'); // preloads fade images
}

for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray4[i];'); // preloads fade images
}

for (var i = 0; i < maximages; i++) {
eval('pic' + i + ' = new Image();');
eval('pic' + i + '.src = fadearray5[i];'); // preloads fade images
}

function fade_in0() {
clearTimeout(fadeouttimer);
document.images['fade-pic0'].src = fadearray0[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in0()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}

function fade_in1() {
clearTimeout(fadeouttimer);
document.images['fade-pic1'].src = fadearray1[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in1()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}

function fade_in2() {
clearTimeout(fadeouttimer);
document.images['fade-pic2'].src = fadearray2[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in2()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}

function fade_in3() {
clearTimeout(fadeouttimer);
document.images['fade-pic3'].src = fadearray3[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in3()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}

function fade_in4() {
clearTimeout(fadeouttimer);
document.images['fade-pic4'].src = fadearray4[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in4()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}

function fade_in5() {
clearTimeout(fadeouttimer);
document.images['fade-pic5'].src = fadearray5[fadeincount];
if (fadeincount != maximages-1) {
fadeincount++;
fadeintimer = setTimeout('fade_in5()', fadespeed);
}
else {
clearTimeout(fadeintimer);
fadeincount = 0;
   }
}


function fade_out0() {
clearTimeout(fadeintimer);
document.images['fade-pic0'].src = fadearray0[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out0()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}

function fade_out1() {
clearTimeout(fadeintimer);
document.images['fade-pic1'].src = fadearray1[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out1()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}
 

function fade_out2() {
clearTimeout(fadeintimer);
document.images['fade-pic2'].src = fadearray2[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out2()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}


function fade_out3() {
clearTimeout(fadeintimer);
document.images['fade-pic3'].src = fadearray3[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out3()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}


function fade_out4() {
clearTimeout(fadeintimer);
document.images['fade-pic4'].src = fadearray4[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out4()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}


function fade_out5() {
clearTimeout(fadeintimer);
document.images['fade-pic5'].src = fadearray5[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out5()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}
//  End -->