var Pics = new Array();
Pics[0] = 'car-configurator-slideshow/main.jpg'
Pics[1] = 'car-configurator-slideshow/blue.jpg'
Pics[2] = 'car-configurator-slideshow/interior.jpg'
Pics[3] = 'car-configurator-slideshow/siab.jpg'
Pics[4] = 'car-configurator-slideshow/gui.jpg'
Pics[5] = 'car-configurator-slideshow/red-back.jpg'
Pics[6] = 'car-configurator-slideshow/white.jpg'

var Links = new Array();
Links[0] = 'car-configurator-features-interactivity.php'
Links[1] = 'car-configurator-features-interactivity.php'
Links[2] = 'car-configurator-features-fly-to.php'
Links[3] = 'car-configurator-siab.php'
Links[4] = 'car-configurator-features-GUI.php'
Links[5] = 'car-configurator-features-fly-to.php'
Links[6] = 'car-configurator-features-options.php'


var transPeriod = 1000;
var fixedPeriod = 4000;

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

var step=1;
var transitionStep=0;
var transitionTimeOutID = 0;
var prevlink;

var oldslide;
var newslide;

function init(){
  if (!document.getElementById) return;
  oldslide = document.getElementById("slide2"); 
  newslide = document.getElementById("slide1"); 
  transitionSwap();
}

function slidelink(){
  if (transitionStep){
    window.location=Links[step-1];
  }
  else{
    var link_index = step-2;
    if (link_index == -1) link_index = plength-1;
      window.location=Links[link_index];
  }
}

function transitionSwap(){
   transitionStep++; 
   //set current button style/class
    if (prevlink) {
	  prevlink.setAttribute("class","");
	  prevlink.setAttribute("className","");
	}
	curlink = document.getElementById("link"+step);
	curlink.setAttribute("class", "selected");
	curlink.setAttribute("className", "selected");
	prevlink = curlink;
	
  //fade transition
  if (transitionStep<=10){
    if (!ie) {
	  oldslide.style.opacity = 1 - transitionStep*0.1;
	  newslide.style.opacity = transitionStep*0.1;
	}
	else {
	  oldslide.filters.alpha.opacity = 100 - transitionStep*10;
	  newslide.filters.alpha.opacity = transitionStep*10;
	}
  }

  if (transitionStep<=10) { //fade more
    transitionTimeOutID = setTimeout("transitionSwap()", transPeriod/10);
  }
  else { //prepare for next pic change
    clearTimeout(transitionTimeOutID); 
	transitionStep=0; 
	transitionTimeOutID=0; 
	
    transitionTimeOutID = setTimeout("transitionSwap()",fixedPeriod); 
	if (step<plength) step++ 
    else step=1;
  
	var tempslide = newslide;
	newslide = oldslide;
	oldslide = tempslide;
	newslide.src=preLoaded[step-1].src;
  }
}

function setStep(input){
  if (transitionTimeOutID) clearTimeout(transitionTimeOutID);
  transitionTimeOutID=0; 
  if (transitionStep) {oldslide.src=preLoaded[step-1].src;}
  transitionStep=0;
  step=input;
  newslide.src=preLoaded[step-1].src;
  transitionSwap();
}