var SSDiv = new Array();
 var SSDivnow = 0; 
document.getElementById("SlideShow").innerHTML='';

var divSlide1 = document.createElement("div");
divSlide1.style.top  = "0px";
divSlide1.style.right = "0px";
divSlide1.style.position = "absolute";
divSlide1.style.width = "143px";
divSlide1.style.height = "201px";
divSlide1.innerHTML = '<img alt="" src="/src/People/RosemaryLaird.jpg">';
divSlide1.id = "divSlide1";
document.getElementById("SlideShow").appendChild(divSlide1);
SSDiv.push("divSlide1");

var divSlide2 = document.createElement("div");
divSlide2.style.top  = "0px";
divSlide2.style.right = "0px";
divSlide2.style.position = "absolute";
divSlide2.style.width = "143px";
divSlide2.style.height = "201px";
divSlide2.innerHTML = '<img alt="" src="/src/People/JenniferBrady.jpg">';
divSlide2.id = "divSlide2";
document.getElementById("SlideShow").appendChild(divSlide2);
SSDiv.push("divSlide2");

var divSlide3 = document.createElement("div");
divSlide3.style.top  = "0px";
divSlide3.style.right = "0px";
divSlide3.style.position = "absolute";
divSlide3.style.width = "143px";
divSlide3.style.height = "201px";
divSlide3.innerHTML = '<img alt="" src="/src/People/MichaelGardner.jpg">';
divSlide3.id = "divSlide3";
document.getElementById("SlideShow").appendChild(divSlide3);
SSDiv.push("divSlide3");

 var SSDivLen  = SSDiv.length;
  // this is fader

var TimeToFade = 1000.0;

function fade(eid){
    
    var element = document.getElementById(eid);
    if(element == null)
	return;
    
    if(element.FadeState == null){
	element.FadeState = -2;
    }
    alert ("Fade: "+element.FadeState);
    if(element.FadeState == 1 || element.FadeState == -1){
element.FadeState = element.FadeState == 1 ? -1 : 1;
element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;

    }else{
	element.FadeState = element.FadeState == 2 ? -1 : 1;
	element.FadeTimeLeft = TimeToFade;
	setTimeout("animateFade(" + new Date().getTime()
		   + ",'" + eid + "')", 33);
    }
}

function fadeout(eid){
    
    var element = document.getElementById(eid);
    if(element == null)
	return;
    
    if(element.FadeState == null){
	element.FadeState = -2;
    }

    // alert ("Fadein: "+element.FadeState);
    element.FadeState = 2;

    if(element.FadeState == 1 || element.FadeState == -1){
element.FadeState = element.FadeState == 1 ? -1 : 1;
element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;

    }else{
	element.FadeState = element.FadeState == 2 ? -1 : 1;
	element.FadeTimeLeft = TimeToFade;
	setTimeout("animateFade(" + new Date().getTime()
		   + ",'" + eid + "')", 33);
    }
}

function fadein(eid){
    
    var element = document.getElementById(eid);
    if(element == null)
	return;
    
    if(element.FadeState == null){
	element.FadeState = -2;
    }
    // alert ("Fadeout: "+element.FadeState);

    element.FadeState = -2;

    if(element.FadeState == 1 || element.FadeState == -1){
element.FadeState = element.FadeState == 1 ? -1 : 1;
element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;

    }else{
	element.FadeState = element.FadeState == 2 ? -1 : 1;
	element.FadeTimeLeft = TimeToFade;
	setTimeout("animateFade(" + new Date().getTime()
		   + ",'" + eid + "')", 33);
    }
}

function animateFade(lastTick, eid){

    var curTick = new Date().getTime();
    var elapsedTicks = curTick - lastTick;
    
    var element = document.getElementById(eid);
    
    if(element.FadeTimeLeft <= elapsedTicks){
	
	element.style.opacity = element.FadeState == 1 ? '1' : '0';
	element.style.filter = 'alpha(opacity = '
	    + (element.FadeState == 1 ? '100' : '0') + ')';
	element.FadeState = element.FadeState == 1 ? 2 : -2;

	return;
    }
    
    element.FadeTimeLeft -= elapsedTicks;
    var newOpVal = element.FadeTimeLeft/TimeToFade;
    if(element.FadeState == 1)
	newOpVal = 1 - newOpVal;
    
    element.style.opacity = newOpVal;
    element.style.filter =
	'alpha(opacity = ' + (newOpVal*100) + ')';
    
    setTimeout("animateFade(" + curTick
	       + ",'" + eid + "')", 33);
}

/* SLIDE SHOW */
function StartSlideShow () {
  SSDivnow ++;
  if (SSDivnow >= SSDivLen) { 
    SSDivnow = 0;
  }
  var SSnow  = SSDiv[SSDivnow];
  var Nxval  = SSDivnow +1;
  if (Nxval >= SSDivLen) { 
    Nxval = 0;
  }
  var SSnext = SSDiv[Nxval];
  // alert("SlideShow Start");
/* Move Active to z-index 11 */
  // setTimeout("document.getElementById('"+SSnow+"').style.zIndex=11",100);
/* Fade-in Next */
  fadein (SSnext);
/* Move Next to z-index 10 */
  // setTimeout("document.getElementById('"+SSnext+"').style.zIndex=10",300);
/* Fade-out Active */
  fadeout(SSnow);
/* Move Active to z-index 9 */
  // setTimeout("document.getElementById('"+SSnow+"').style.zIndex=9",1300);
/* Set Next to Active */
/* Que up new Next slide */ 

}

for (x in SSDiv) 
  {
    var z = SSDiv[x];
    if (x == 1)
      {
	fadein (z);
      } else {
	fadeout (z);
    }
  }

setInterval("StartSlideShow ()",5000);