function swapImage(divID, imageID, pic_index) 
{
  globalDivID = divID;
  globalImageID = imageID;

  //if (document.getElementById(imageID).src.indexOf(eval(images[pic_index]+".src")) == -1) {
  if (document.getElementById(imageID).src.indexOf(images[pic_index].src) == -1) {
  	// Set the top image to invisible
  	setOpacity(0, imageID);

  	// Set the top image to the target image
  	document.getElementById(imageID).src = images[pic_index].src;
    
  	// Slowly fade in the top image back to visible
  	fadeElementSetup(imageID, 0, 100, 10);

	pic_index++;
	if (pic_index >= images.length) pic_index = 0;
  } 
}

function fadeElementSetup(theID, fdStart, fdEnd, fdSteps) {
  fadeSteps = fdSteps;
  fadeCurrent = 0;
  fadeAmount = (fdStart - fdEnd) / fadeSteps;
  fadeTimer = setInterval("fadeElement('"+theID+"')", 50);
}

function fadeElement(theID) {
  fadeCurrent++;
  // Set the opacity depending on if we're adding or subtracting (pos or neg)
  if (fadeAmount < 0) {
    setOpacity(Math.abs(fadeCurrent * fadeAmount), theID);
  } else {
    setOpacity(100 - (fadeCurrent * fadeAmount), theID);
  }
  if (fadeCurrent == fadeSteps) {
    // We're done, so clear
    clearInterval(fadeTimer);

    // Here's "mininfo" specific code, that sets the background to be prepared for the next fade
    // Set the background image to the currently displaying image
    document.getElementById(globalDivID).style.backgroundImage = "url(" + document.getElementById(globalImageID).src + ")";
  }
}

function setOpacity(opacity, theID) 
{ 
  var object = document.getElementById(theID).style;

  // If it's 100, set it to 99 for Firefox.

  if (navigator.userAgent.indexOf("Firefox") != -1) {
    if (opacity == 100) { opacity = 99.999; } // This is majorly retarded
  }
  // Multi-browser opacity setting
  object.filter = "alpha(opacity=" + opacity + ")"; // IE/Win
  object.KhtmlOpacity = (opacity / 100);            // Safari 1.1 or lower, Konqueror
  object.MozOpacity = (opacity / 100);              // Older Mozilla+Firefox
  object.opacity = (opacity / 100);                 // Safari 1.2, Firefox+Mozilla
}

function initImage(divID, imageID)
{
    document.getElementById(divID).style.backgroundImage = "url(" + images[0].src + ")";
    document.getElementById(imageID).src = images[0].src;
}