var css_slideshow_images = ["images/home_thumbs/thumb_1.jpg", "images/home_thumbs/thumb_2.jpg", "images/home_thumbs/thumb_3.jpg", "images/home_thumbs/thumb_4.jpg", "images/home_thumbs/thumb_5.jpg", "images/home_thumbs/thumb_6.jpg", "images/home_thumbs/thumb_7.jpg", "images/home_thumbs/thumb_8.jpg", "images/home_thumbs/thumb_9.jpg", "images/home_thumbs/thumb_10.jpg", "images/home_thumbs/thumb_11.jpg", "images/home_thumbs/thumb_12.jpg", "images/home_thumbs/thumb_13.jpg", "images/home_thumbs/thumb_14.jpg", "images/home_thumbs/thumb_15.jpg", "images/home_thumbs/thumb_16.jpg", "images/home_thumbs/thumb_17.jpg", "images/home_thumbs/thumb_18.jpg", "images/home_thumbs/thumb_19.jpg"];

var css_slideshow_delay = 3000 // set delay before rotating to next slide (3000 = 3 seconds)
var css_slideshow_fade_speed = 10 // how quickly images fade in and fade out (must be set to one of the following: 1,2,4,5,10,20,25,50,100)

// pre-load the images
var css_slideshow_preload = new Array();
for (i=0; i < css_slideshow_images.length; i++) {
  css_slideshow_preload[i] = new Image();
  css_slideshow_preload[i].src = css_slideshow_images[i];
}

css_slideshow_images.shuffle = function() {
  var i = this.length, j, temp;
  for (i=0; i < this.length; i++) {
    j = Math.floor(Math.random() * (i + 1));
    temp = this[i];
    this[i] = this[j];
    this[j] = temp;
  }
};

function css_slideshow_fade_in(myOpacity) {
  myOpacity += css_slideshow_fade_speed;
  if (document.getElementById("css_slideshow_1").style.opacity) {
    document.getElementById("css_slideshow_1").style.opacity = myOpacity/100;
    document.getElementById("css_slideshow_2").style.opacity = myOpacity/100;
    document.getElementById("css_slideshow_3").style.opacity = myOpacity/100;
    document.getElementById("css_slideshow_4").style.opacity = myOpacity/100;
    document.getElementById("css_slideshow_5").style.opacity = myOpacity/100;
  } else {
    document.getElementById("css_slideshow_1").filters.alpha.opacity = myOpacity;
    document.getElementById("css_slideshow_2").filters.alpha.opacity = myOpacity;
    document.getElementById("css_slideshow_3").filters.alpha.opacity = myOpacity;
    document.getElementById("css_slideshow_4").filters.alpha.opacity = myOpacity;
    document.getElementById("css_slideshow_5").filters.alpha.opacity = myOpacity;
  }
  if (myOpacity == 100) {
    setTimeout("css_slideshow_rotate()", css_slideshow_delay);
  } else {
    setTimeout("css_slideshow_fade_in(" + myOpacity + ")", 50);
  }
}

function css_slideshow_fade_out(myOpacity) {
  myOpacity -= css_slideshow_fade_speed;
  if (document.getElementById("css_slideshow_1").style.opacity) {
    document.getElementById("css_slideshow_1").style.opacity = myOpacity/100;
    document.getElementById("css_slideshow_2").style.opacity = myOpacity/100;
    document.getElementById("css_slideshow_3").style.opacity = myOpacity/100;
    document.getElementById("css_slideshow_4").style.opacity = myOpacity/100;
    document.getElementById("css_slideshow_5").style.opacity = myOpacity/100;
  } else {
    document.getElementById("css_slideshow_1").filters.alpha.opacity = myOpacity;
    document.getElementById("css_slideshow_2").filters.alpha.opacity = myOpacity;
    document.getElementById("css_slideshow_3").filters.alpha.opacity = myOpacity;
    document.getElementById("css_slideshow_4").filters.alpha.opacity = myOpacity;
    document.getElementById("css_slideshow_5").filters.alpha.opacity = myOpacity;
  }
  if (myOpacity == 0) {
    document.getElementById("css_slideshow_1").style.backgroundImage = "url(" + css_slideshow_images[0] + ")";
    document.getElementById("css_slideshow_2").style.backgroundImage = "url(" + css_slideshow_images[1] + ")";
    document.getElementById("css_slideshow_3").style.backgroundImage = "url(" + css_slideshow_images[2] + ")";
    document.getElementById("css_slideshow_4").style.backgroundImage = "url(" + css_slideshow_images[3] + ")";
    document.getElementById("css_slideshow_5").style.backgroundImage = "url(" + css_slideshow_images[4] + ")";
    setTimeout("css_slideshow_fade_in(0)", 50);
  } else {
    setTimeout("css_slideshow_fade_out(" + myOpacity + ")", 50);
  }
}

function css_slideshow_rotate() {
  css_slideshow_images.shuffle();
  setTimeout("css_slideshow_fade_out(100)", 50);
}