// Fading image viewer
// © 2004 Flipside Web Design - www.flipside.co.uk
// Author: Richard Adams

var pic = '';
var max = 15;
var show = 3;
var mask = new Array();
var curr = '';
var next = '';
var active = 0;
var picshow = 0;

function fadePics(count, delay) {

  // Load images
  var pics = new Array();
  for (i = 1; i <= max; i++) {
  if (i < 10) { ii = '0' + i } else { ii = i }
  pics[i] = new Image();
  pics[i].src = "pics/" + ii + ".jpg";
  }

  if (count) { refresh(pic1, pic1mask, 1); setInterval('refresh(pic1, pic1mask, 1)', delay) }
  if (count > 1) { setTimeout('refresh(pic2, pic2mask, 2)', 1000); setTimeout("setInterval('refresh(pic2, pic2mask, 2)', " + delay + ")", 1000) }
  if (count > 2) { setTimeout('refresh(pic3, pic3mask, 3)', 2000); setTimeout("setInterval('refresh(pic3, pic3mask, 3)', " + delay + ")", 2000) }
}

function refresh(picid, picmaskid, id) {
  if (active) { return }
  active = 1;

// alert (id + ', ' + show);

//  if (document.getElementById) { var pic = document.getElementById('picid') }
//  else if (document.all) { var pic = document.all['picid'] }
//  else if (document.layers) { var pic = document.layers['picid'] }

  show += 1;  if (show > max) { show = 1; }
  if (show < 10) { picshow = '0' + show } else { picshow = show }

  if (mask[id]) {
    mask[id] = 0;
    picid.src = "pics/" + picshow + ".jpg";
    curr = picid;
    next = picmaskid;
    fadeIt(0);
  }
  else {
    mask[id] = 1;
    picmaskid.src = "pics/" + picshow + ".jpg";
    curr = picmaskid;
    next = picid;
    fadeIt(0);
  }
}

function fadeIt(picFade) {
  if (picFade >= 100) { active = 0; return; }
  picFade += 5;
  picUnfade = 100 - picFade;
  curr.style.filter='alpha(opacity='+picFade+')';
  next.style.filter='alpha(opacity='+picUnfade+')';
  setTimeout('fadeIt('+picFade+')', 5);
}