<!--
var ie5 = (document.all && document.getElementById);
var ns6 = (!document.all && document.getElementById);
var opac = 0;
var action = 0;
var start = false;
var speed = (ns6 ? 10 : 3);

var visible_div = document.getElementById("image_div1");
var visible_image = document.getElementById("image1");
var fade_div = document.getElementById("fade_div");
var fade_image = document.getElementById("fade_image");
//fade_image.width = visible_image.width;
//fade_image.height = visible_image.height;
var spacer_image = document.getElementById("spacer_image");
//spacer_image.width = visible_image.width;
//spacer_image.height = visible_image.height;
if (ns6) fade_image.style.MozOpacity = 0;

var new_div = null;
var new_image = null;

var diff_w = 0;
var diff_h = 0;
var new_diff_w = 0;
var new_diff_h = 0;

function swap(id) {
  new_div = document.getElementById('image_div' + id);
  new_image = document.getElementById('image' + id);
  diff_w = spacer_image.width - new_image.width;
  diff_h = spacer_image.height - new_image.height;
  if (visible_div != new_div) {
    start = true;
    fader();
  } // end if
} // end function

function fader() {
  //window.status = opac;
  
  if (opac <= 0 && !start) {
	// fade-in complete; stop loop
    fade_div.style.visibility = 'hidden';
    clearTimeout();
	return;
  } // end if
  
  if (start) {
    fade_div.style.visibility = 'visible';
    action = speed;
	start = false;
  } // end if
  
  opac += action;
  if (opac >= 100) {
    visible_div.style.visibility = 'hidden';
    new_diff_w = spacer_image.width - new_image.width;
    new_diff_h = spacer_image.height - new_image.height;
    if (Math.abs(new_diff_w) > 5 || Math.abs(new_diff_h) > 5) {
	  spacer_image.width -= parseInt(diff_w / 5);
	  spacer_image.height -= parseInt(diff_h / 5);
	  fade_image.width = spacer_image.width;
	  fade_image.height = spacer_image.height;
	} else {
      // fade-out complete; swap layer visibility
	  visible_div = new_div;
	  visible_image = new_image;
	  fade_image.width = visible_image.width + 2;
	  fade_image.height = visible_image.height + 2;
	  spacer_image.width = visible_image.width + 2;
	  spacer_image.height = visible_image.height + 2;
      visible_div.style.visibility = 'visible';
	  action = -speed;
	} // end if
  } else {
    // apply fade effect
    if (ie5) fade_image.filters.alpha.opacity = opac;
	if (ns6) fade_image.style.MozOpacity = opac/100;
  } // end if

  setTimeout("fader()", 10);
} // end function
//-->