// User editable variables
var fadeStep = 5;       // Size of the fade "step". Must multiply into 100. 
var fadeInterval = 40;  // Amount of time in-between the increments of fading 
var readingTime = 6;  // Amount of time the user has to see the image (seconds) 


// Do not edit the following variables!!!
var slideImages = new Array();
var tmpImg = new Image();


function initialiseFade(imageId, imagesArray) {
  slideImages[imageId] = new Array();
  slideImages[imageId]['images'] = imagesArray;
  slideImages[imageId]['currTransp'] = 100;
  slideImages[imageId]['currDir'] = 0;
  slideImages[imageId]['currNum'] = 0;
  
  for(var i=0; i < imagesArray.length; i++) {
    tmpImg.src = imagesArray[i];
  }
  
  // initial timeout higher to allow pre-load of images
  window.setTimeout('fadeSlide("'+imageId+'")', (10 * 1000));
}


function fadeSlide(imageId) { 
  timeOutVal = window.setTimeout('fadeSlide("'+imageId+'")', fadeInterval); 

  if((slideImages[imageId]['currTransp'] == (100 - fadeStep)) && (slideImages[imageId]['currDir'] == 1)) { 
    window.clearTimeout(timeOutVal); 
  }

  if(slideImages[imageId]['currTransp'] < 0) { 
    slideImages[imageId]['currTransp'] = 0; 
  }

  if(slideImages[imageId]['currTransp'] > 100) { 
    slideImages[imageId]['currTransp'] = 100; 
  }

  if((slideImages[imageId]['currDir'] == 0) && (slideImages[imageId]['currTransp'] > 0)) { 
    slideImages[imageId]['currTransp'] = slideImages[imageId]['currTransp']-fadeStep; 

    if(navigator.appName == 'Netscape' && $(imageId)) {
      $(imageId).style.MozOpacity = slideImages[imageId]['currTransp']/100; 
    } 

    if(navigator.appName == 'Microsoft Internet Explorer' && $(imageId)) {
      $(imageId).style.filter = 'alpha(opacity = '+slideImages[imageId]['currTransp']+')'; 
    } 
  }
  else if((slideImages[imageId]['currDir'] == 1) && (slideImages[imageId]['currTransp'] < 100)) { 
    slideImages[imageId]['currTransp'] = slideImages[imageId]['currTransp']+fadeStep; 

    if(navigator.appName == 'Netscape' && $(imageId)) {
      $(imageId).style.MozOpacity = slideImages[imageId]['currTransp']/100; 
    }

    if(navigator.appName == 'Microsoft Internet Explorer' && $(imageId)) {
      $(imageId).style.filter = 'alpha(opacity = '+slideImages[imageId]['currTransp']+')'; 
    }
  }
  else if((slideImages[imageId]['currDir'] == 0) && (slideImages[imageId]['currTransp'] == 0)) { 
    slideImages[imageId]['currDir'] = 1; 
    slideImages[imageId]['currNum']++;
    if(slideImages[imageId]['currNum'] == slideImages[imageId]['images'].length) { 
      slideImages[imageId]['currNum'] = 0;
    }

    if($(imageId)) {
      $(imageId).src = slideImages[imageId]['images'][slideImages[imageId]['currNum']];
    }
  }

  if((slideImages[imageId]['currDir'] == 1) && (slideImages[imageId]['currTransp'] == 100)) { 
    slideImages[imageId]['currDir'] = 0;
    window.setTimeout('fadeSlide("'+imageId+'")', (readingTime * 1000)); 
  }
}