var fadearray = new Array("./img/plink0.JPG", "./img/plink1.JPG", 
                           "./img/plink2.JPG", "./img/plink3.JPG")

 var maximages = fadearray.length;

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

 var fadeInTimer; 
 var fadeOutTimer;   
 var fadeOutIncrement = maximages-1;
 var fadeInIncrement = 0;

 function fadeIn() {
    var fadespeed = 100;
    clearTimeout(fadeOutTimer);
    document.images['fadeImage'].src = fadearray[fadeInIncrement];
    if (fadeInIncrement != maximages-1) {
       fadeInIncrement++;
       fadeInTimer = setTimeout('fadeIn()', fadespeed);
    } 
    else {
       clearTimeout(fadeInTimer);
       fadeInIncrement = 0;
    }
 }
 function fadeOut() {
    var fadespeed = 200;
    clearTimeout(fadeInTimer);
    document.images['fadeImage'].src = fadearray[fadeOutIncrement];
    if (fadeOutIncrement != 0) {
       fadeOutIncrement--;
       fadeOutTimer = setTimeout ('fadeOut()', fadespeed);
    } 
    else {
       clearTimeout(fadeOutTimer);
       fadeOutIncrement = maximages-1;
    }                                  
 }