var nextImage = new Image();
nextImage.onLoad=nextImageLoaded();
var opacity = 0;

// function invoked on image load

function nextImageLoaded()
{    
  document.getElementById('current_image').src = nextImage.src;
}

function loadRandomImage()
{
  var n = Math.round(Math.random()*320-0.5)+1;
  nextImage.src = "slideshow/slideshow"+n+".jpeg";
  document.getElementById('current_image').src = 
		  document.getElementById('next_image').src;
  changeOpac(0, "next_image");
  document.getElementById('next_image').src = nextImage.src;
}  

function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}

function onTimeOutOpacity() {
  opacity = opacity + 5;
  changeOpac(opacity, "next_image");
  
  if (opacity < 100)
    window.setTimeout("onTimeOutOpacity()", 50);
  else
    loadRandomImage();
} 

function fadeIn() {
  opacity = 0;
  onTimeOutOpacity();
} 


  
function onTimeOut() {
  fadeIn();
  window.setTimeout("onTimeOut()", 3000);
}  

loadRandomImage();
onTimeOut();