var maximages = 10; 
var fadespeed = 110;

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/language.gif";
fadearray[1] = "images/language_on.gif";
fadearray[2] = "images/language_fade1.gif";
fadearray[3] = "images/language_fade2.gif";
fadearray[4] = "images/language_fade3.gif";
fadearray[5] = "images/fade_empty.gif";
fadearray[6] = "images/english_fade3.gif";
fadearray[7] = "images/english_fade2.gif";
fadearray[8] = "images/english_fade1.gif";
fadearray[9] = "images/english_on.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['lang-fade'].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['lang-fade'].src = fadearray[fadeoutcount];
if (fadeoutcount != 0) {
fadeoutcount--;
fadeouttimer = setTimeout('fade_out()', fadespeed);
}
else {
clearTimeout(fadeouttimer);
fadeoutcount = maximages-1;
   }
}
