// JavaScript Document

//========================================================================================================================================
//========================================================================================================================================
//========================================================================================================================================

//change these two to change the speed of the transition and the interval between each transition noob
var switchInterval = 10000;
var switchSpeed = 10;
var switchIncrements = .1;

//change this for the start of the name of the elements, eg block0, block1, block2
var elementName = 'block';

//========================================================================================================================================
//========================================================================================================================================
//========================================================================================================================================

var fadeCount = 0;
var fadeCountOut = 0;
var intervalOut = 20;
var interval = 20;

function fadeInObject(object, speed ){
  fadeCount = 0;
  interval = speed;
  faderIn(object);
  document.getElementById(object).style.display = 'block';
}
function faderIn(object){
  if(fadeCount < 10){
    document.getElementById(object).style.opacity = fadeCount/10;
    document.getElementById(object).style.filter = 'alpha(opacity='+fadeCount*10+');';
    
    fadeCount = fadeCount + switchIncrements;
    t = setTimeout("faderIn('"+object+"')",interval);
  }
}

function fadeOutObject(object, speed ){
  fadeCountOut = 10;
  intervalOut = speed;
  faderOut(object);
}
function faderOut(object){
  if(fadeCountOut > 0){
    document.getElementById(object).style.opacity = fadeCountOut/10;
    document.getElementById(object).style.filter = 'alpha(opacity='+fadeCountOut*10+');';
    
    fadeCountOut = fadeCountOut - switchIncrements;
    t = setTimeout("faderOut('"+object+"')",intervalOut);
  }else{
    document.getElementById(object).style.display = 'none';
  }
}

var objectList = new Array();
var length = 0;
var current = 0;

function startSlideShow(){
  var object;
  var count = 0;
  
  while(object = document.getElementById(elementName+count)){
    objectList[count] = elementName+count;
    count ++;
  }
  
  var objectID = 0;
  length = objectList.length;

  loopThrough();

}

function loopThrough(){
  fadeInObject(objectList[current],switchSpeed);
  var lastItem = current - 1;

  if(lastItem != -1){
    fadeOutObject(objectList[lastItem],switchSpeed);
  }else{
    fadeOutObject(objectList[length-1],switchSpeed);
  }

  current ++;
  if(current == length){
    current = 0;
  }
  
  t = setTimeout("loopThrough()",switchInterval);
}