var maximages1 = 4; // how many fade images do you have?
var fadespeed1 = 50// fade frame time in milliseconds;  125 = 125 ms

var maximages2 = 4; // how many fade images do you have?
var fadespeed2 = 50// fade frame time in milliseconds;  125 = 125 ms

var maximages3 = 4; // how many fade images do you have?
var fadespeed3 = 50// fade frame time in milliseconds;  125 = 125 ms

var maximages4 = 4; // how many fade images do you have?
var fadespeed4 = 50// fade frame time in milliseconds;  125 = 125 ms

var fadeintimer1;
var fadeouttimer1;
var fadeincount1 = 0;
var fadeoutcount1 = maximages1-1;
var fadearray1 = new Array(maximages1);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

var fadeintimer2;
var fadeouttimer2;
var fadeincount2 = 0;
var fadeoutcount2 = maximages2-1;
var fadearray2 = new Array(maximages2);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

var fadeintimer3;
var fadeouttimer3;
var fadeincount3 = 0;
var fadeoutcount3 = maximages3-1;
var fadearray3 = new Array(maximages3);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

var fadeintimer4;
var fadeouttimer4;
var fadeincount4 = 0;
var fadeoutcount4 = maximages4-1;
var fadearray4 = new Array(maximages4);  // enter all the fade images here
// the first item should be 0, then numbered through 1 less than your maximages

fadearray1[0] = "./images/imggg/fading-rollover/chisonohome_h3.jpg";
fadearray1[1] = "./images/imggg/fading-rollover/chisonohome_h2.jpg";
fadearray1[2] = "./images/imggg/fading-rollover/chisonohome_h1.jpg";
fadearray1[3] = "./images/imggg/fading-rollover/chisonohome_h.jpg";

fadearray2[0] = "./images/imggg/fading-rollover/serviziohome_h3.jpg";
fadearray2[1] = "./images/imggg/fading-rollover/serviziohome_h2.jpg";
fadearray2[2] = "./images/imggg/fading-rollover/serviziohome_h1.jpg";
fadearray2[3] = "./images/imggg/fading-rollover/serviziohome_h.jpg";

fadearray3[0] = "./images/imggg/fading-rollover/galleriahome_h3.jpg";
fadearray3[1] = "./images/imggg/fading-rollover/galleriahome_h2.jpg";
fadearray3[2] = "./images/imggg/fading-rollover/galleriahome_h1.jpg";
fadearray3[3] = "./images/imggg/fading-rollover/galleriahome_h.jpg";

fadearray4[0] = "./images/imggg/fading-rollover/materialihome_h3.jpg";
fadearray4[1] = "./images/imggg/fading-rollover/materialihome_h2.jpg";
fadearray4[2] = "./images/imggg/fading-rollover/materialihome_h1.jpg";
fadearray4[3] = "./images/imggg/fading-rollover/materialihome_h.jpg";

for (var i = 0; i < maximages1; i++) {
eval('pic1' + i + ' = new Image();');
eval('pic1' + i + '.src = fadearray1[i];'); // preloads fade images
}
for (var i = 0; i < maximages2; i++) {
eval('pic2' + i + ' = new Image();');
eval('pic2' + i + '.src = fadearray2[i];'); // preloads fade images
}
for (var i = 0; i < maximages3; i++) {
eval('pic3' + i + ' = new Image();');
eval('pic3' + i + '.src = fadearray3[i];'); // preloads fade images
}
for (var i = 0; i < maximages4; i++) {
eval('pic4' + i + ' = new Image();');
eval('pic4' + i + '.src = fadearray4[i];'); // preloads fade images
}

function fade_in1() {
clearTimeout(fadeouttimer1);
document.images['fade-pic1'].src = fadearray1[fadeincount1];
if (fadeincount1 != maximages1-1) {
fadeincount1++;
fadeintimer1 = setTimeout('fade_in1()', fadespeed1);
}
else {
clearTimeout(fadeintimer1);
fadeincount1 = 0;
   }
}
function fade_out1() {
clearTimeout(fadeintimer1);
document.images['fade-pic1'].src = fadearray1[fadeoutcount1];
if (fadeoutcount1 != 0) {
fadeoutcount1--;
fadeouttimer1 = setTimeout('fade_out1()', fadespeed1);
}
else {
clearTimeout(fadeouttimer1);
fadeoutcount1 = maximages1-1;
   }
}

function fade_in2() {
clearTimeout(fadeouttimer2);
document.images['fade-pic2'].src = fadearray2[fadeincount2];
if (fadeincount2 != maximages2-1) {
fadeincount2++;
fadeintimer2 = setTimeout('fade_in2()', fadespeed2);
}
else {
clearTimeout(fadeintimer2);
fadeincount2 = 0;
   }
}
function fade_out2() {
clearTimeout(fadeintimer2);
document.images['fade-pic2'].src = fadearray2[fadeoutcount2];
if (fadeoutcount2 != 0) {
fadeoutcount2--;
fadeouttimer2 = setTimeout('fade_out2()', fadespeed2);
}
else {
clearTimeout(fadeouttimer2);
fadeoutcount2 = maximages2-1;
   }
}

function fade_in3() {
clearTimeout(fadeouttimer3);
document.images['fade-pic3'].src = fadearray3[fadeincount3];
if (fadeincount3 != maximages3-1) {
fadeincount3++;
fadeintimer3 = setTimeout('fade_in3()', fadespeed3);
}
else {
clearTimeout(fadeintimer3);
fadeincount3 = 0;
   }
}
function fade_out3() {
clearTimeout(fadeintimer3);
document.images['fade-pic3'].src = fadearray3[fadeoutcount3];
if (fadeoutcount3 != 0) {
fadeoutcount3--;
fadeouttimer3 = setTimeout('fade_out3()', fadespeed3);
}
else {
clearTimeout(fadeouttimer3);
fadeoutcount3 = maximages3-1;
   }
}

function fade_in4() {
clearTimeout(fadeouttimer4);
document.images['fade-pic4'].src = fadearray4[fadeincount4];
if (fadeincount4 != maximages4-1) {
fadeincount4++;
fadeintimer4 = setTimeout('fade_in4()', fadespeed4);
}
else {
clearTimeout(fadeintimer4);
fadeincount4 = 0;
   }
}
function fade_out4() {
clearTimeout(fadeintimer4);
document.images['fade-pic4'].src = fadearray4[fadeoutcount4];
if (fadeoutcount4 != 0) {
fadeoutcount4--;
fadeouttimer4 = setTimeout('fade_out4()', fadespeed4);
}
else {
clearTimeout(fadeouttimer4);
fadeoutcount4 = maximages4-1;
   }
}