var CrossFadeDuration = 2;
var SlideShowSpeed = 3;

var Picture = new Array();
Picture[1] = 'images/cyril01.gif';
Picture[2] = 'images/cyril02.gif';
Picture[3] = 'images/cyril03.gif';
Picture[4] = 'images/cyril04.gif';
Picture[5] = 'images/cyril05.gif';
Picture[6] = 'images/cyril06.gif';
Picture[7] = 'images/cyril07.gif';
Picture[8] = 'images/cyril08.gif';
Picture[9] = 'images/cyril09.gif';
Picture[10] = 'images/cyril10.gif';
Picture[11] = 'images/giant01.gif';
Picture[12] = 'images/giant02.gif';

var Caption = new Array(); 
Caption[1] = "First caption.";
Caption[2] = "Second caption.";
Caption[3] = "Third caption.";
Caption[4] = "Fourth caption.";
Caption[5] = "Fifth caption.";
Caption[6] = "Sixth caption.";
Caption[7] = "Seventh caption.";
Caption[8] = "Eighth caption.";
Caption[9] = "Ninth caption.";
Caption[10] = "Tenth caption.";
Caption[11] = "Eleventh caption.";
Caption[12] = "Twelth caption.";

SlideShowSpeed = SlideShowSpeed*500;
var inUseFlag = false;
var slideIMG = 1;
var curr = 1;
var nPix = Picture.length;

var preLoad = new Array();
for (i=1; i<nPix; i++)
{
preLoad[i] = new Image();
preLoad[i].src = Picture[i];
}


function control(direction){

if (direction == 'fwd')
{
if (curr == nPix-1){curr = 1}
else{curr++}
}
if (direction == 'back')
{
if (curr == 1 ){curr = nPix-1}
else{curr--}
}

PictureBox.filters.blendTrans.Apply();
PictureBox.src = preLoad[curr].src;
CaptionBox.innerHTML= Caption[curr];
PictureBox.filters.blendTrans.Play();
}

function runSlideShow(){

if (inUseFlag == false)
{
play.style.visibility = "hidden";
back.style.visibility = "hidden";
fwd.style.visibility = "hidden";
}
PictureBox.filters.blendTrans.Apply();
PictureBox.src = preLoad[slideIMG].src;
CaptionBox.innerHTML= Caption[slideIMG];
PictureBox.filters.blendTrans.Play();
inUseFlag = true;
slideIMG++
if (slideIMG < nPix){setTimeout('runSlideShow()',SlideShowSpeed)}

else {
slideIMG = 1;
curr = nPix-1;
play.style.visibility = "visible"
back.style.visibility = "visible";
fwd.style.visibility = "visible";
inUseFlag = false;
}
}

function swapImage(curr) {

isBtn = curr.toString();
swap = event.type;
if (swap == 'mouseover'){document.getElementById(curr).src = isBtn+'2.jpg'}
if (swap == 'mouseout'){document.getElementById(curr).src = isBtn+'1.jpg'}
}