/* Version 1.0
 This JavaScript program is independently written by David Eng, 10/12/2008,
 as a test feature to be implemented at ITSS at John Jay College.
   
 This version is very "raw" and support only modern IE browsers.
 A newer version supporting both IE, FireFox and other browsers
 and with many enhancements is currently undergoing stringent tests.
   
 This program or any portion may be freely distributed, used or modified as long as
 the original programmer is mentioned in any extracted portion or modified versions.
  
               "Give credit where credit is due!"
*/

var c=0;
var n=2;
var i=1;
var pics=new Array();
pics[0]="http://www.jjay.cuny.edu/ITSS2b-162.JPG";
pics[1]="http://www.jjay.cuny.edu/Professional-Development-n-Training-Services3-162.JPG";
pics[2]="http://www.jjay.cuny.edu/Computer-Lab-Services5c-162.JPG";
pics[3]="http://www.jjay.cuny.edu/Classroom-Technology-Services3b-162.JPG";
pics[4]="http://www.jjay.cuny.edu/Consultation-n-Other-Services3-162.JPG";
pics[5]="http://www.jjay.cuny.edu/Online-Training-Resources-162.JPG";


var t;
var int;
var option=2;

function animation()
{
  int=self.setInterval("ShowNextSlide()",1000*n);	// Non-recursive
}

function stop()
{
  if (option==1)
    clearTimeout(t);
  else if (option==2)
    clearInterval(int);
  else
    alert ("Error: Option must be 1 or 2 for stop()");
}

function ShowNextSlide()
{
  //var Image1=b1.src;
  var Image10=document.getElementById('b1')
  var Image1=Image10.src
  var Image2;
  i++; 
  if (i >= pics.length) i=0;

//  document.b1.src = pics[i];
  Image2 = pics[i];
  Transition(b1,Image1,Image2);
}

function Transition(ImgID,Image1,Image2)
{
  ImgID.filters[0].apply();
  if (ImgID.src.indexOf(Image1)!=-1)
  {
    ImgID.src = Image2;
  }
  else 
  {
    ImgID.src = Image1;
  }
  ImgID.filters[0].play();
}

function PlayStopButton() 
{
  var CurrentValue = document.getElementById('testb').value;

  if (CurrentValue == "Stop")
  {
    document.getElementById('testb').value="Play";
    stop();
  }
  else
  {
    document.getElementById('testb').value="Stop";
    animation();
  }
}

function StartShow()
{
  document.write("The number of pics: " + pics.length + "<br />");
  document.write("Change pics every: " + n + "sec <br />");
  document.write('<div><img border="0" alt="Testing Animation" src='+pics[0]+' name= "b1" id="b1" width=162 height=162 \
onmouseOver="stop()" onmouseOut="animation()" \
style="position:relative; filter:progid:DXImageTransform.Microsoft.Fade(Overlap=1.00)" /></div>');

  animation();

  document.write('<input type="button" id="testb" value="Stop" onClick="PlayStopButton()" />');

}

StartShow();