<!-- 

var slide = new Array()
var showstate = "stopped"

slide[0] = '../images/slides/image0.jpg'
slide[1] = '../images/slides/image1.jpg'
slide[2] = '../images/slides/image2.jpg'
slide[3] = '../images/slides/image3.jpg'
slide[4] = '../images/slides/image4.jpg'
slide[5] = '../images/slides/image5.jpg'
slide[6] = '../images/slides/image6.jpg'
slide[7] = '../images/slides/image7.jpg'
slide[8] = '../images/slides/image8.jpg'
slide[9] = '../images/slides/image9.jpg'
slide[10] = '../images/slides/image10.jpg'
slide[11] = '../images/slides/image11.jpg'

var preload = new Array();
for (i = 0; i < slide.length; i++){
  preload[i] = new Image()
  preload[i].src = slide[i];
}

var rotate_delay = 5000; // delay in milliseconds

current = 0;

function next() {
  if (slide[current+1]) {
    document.images.slideimg.src = slide[current+1];
    slide.selectedIndex = ++current;
  }
  else first();
}

function previous() {
  if (current-1 >= 0) {
    document.images.slideimg.src = slide[current-1];
    slide.selectedIndex = --current;
  }
  else last();
}

function first() {
  current = 0;
  document.images.slideimg.src = slide[current];
  slide.selectedIndex = current;
}

function last() {
  current = slide.length-1;
  document.images.slideimg.src = slide[current];
  slide.selectedIndex = current;
}

function rotate() {
  if (showstate == "running") {
    current = (current == slide.length-1) ? 0 : current+1;
    transition('slidediv', 'slideimg', slide[current], 500)
    //document.images.slideimg.src = slide[current];
    slide.selectedIndex = current;
    if (current == 0) {
      showstate = "stopped"
    }
    else window.setTimeout("rotate()", rotate_delay);
  }
}

function start() {
  if (showstate == "stopped") {
  showstate = "running"
  rotate();
  }
}

function stop() {
  if (showstate == "running") {
  showstate = "stopped"
  rotate();
  }
}

function transition(divid, imageid, imagefile, millisec) {
  var speed = Math.round(millisec / 100);
  var timer = 0;
  //set the current image as background
  document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
  //make image transparent
  changeOpac(0, imageid);
  //select new image
  document.getElementById(imageid).src = imagefile;
  //fade in image
  for(i = 0; i <= 100; i++) {
    setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
    timer++;
  }
}

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 + ")";
}

//-->