

// (C) 2003 by CodeLifter.com
// Free for all users, but leave in this header.

// ==============================
// Set the following variables...
// ==============================

// Set the slideshow speed (in milliseconds)
var SlideShowSpeed = 3000;

// Set the duration of crossfade (in seconds)
var CrossFadeDuration = 2;

var showHot = false;       


var Caption = new Array(); 
Caption[0] = "Justin Chapman, left, portrays John Daly Burke in the reenactment of the duel that cost him his life. Mark Schneider interprets the part of Burke's French challenger, Felix Coquebert.";
Caption[1]  = "Coquebert cocks his pistol and takes aim at Burke.";
Caption[2]  = "Burke cocks his pistol as he faces his challenger.";
Caption[3]  = "Coquebert cocks his pistol and takes aim at Burke.";
Caption[4]  = "Coquebert cocks his pistol and takes aim at Burke.";
Caption[5]  = "Burke and Coquebert take aim at each other.";
Caption[6]  = "The challengers fire their weapons.";
Caption[7]  = "The challengers fire their weapons.";
Caption[8] = "The barrel of the flintlock pistol is aimed upward as the challengers pace off for their duel.";
Caption[9] = "The hammer of the flintlock pistol is cocked and ready to fire as soon as the gunman’s finger pulls back on the trigger.";
 


var tss;
var iss;
var jss = 0;
var pss = Caption.length-1;
//pss = 1

//set images based on number of captions
var Picture = new Array();
for (iss = 0; iss < pss+1; iss++){
Picture[iss] = 'images/' + (iss + 1) + '.jpg';
}


var preLoad = new Array();
//while iss is less than the number of captions
for (iss = 0; iss < pss+1; iss++){
preLoad[iss] = new Image();
preLoad[iss].src = Picture[iss];}




//start rollover script
//set thumbnails based on number of captions
var thumbState = new Array();
thumbState[0] =  'down';
for (iss = 1; iss < pss+1; iss++){
thumbState[iss] = 'up';
}

var thisThumbState;


 function changeColorOn (flag) {
var thisThumb = "thumb" + flag;
document.getElementById(thisThumb).style.backgroundColor = "#AA9566"; 
 }


 function changeColorOut (flag) {
var clr;
var thisThumb = "thumb" + flag;
var thisThumbState = thumbState[flag];
if (thisThumbState == "up") {
		 clr = "#692E26";  }
	else if (thisThumbState == "down") {
		clr="#AA9566";	}

document.getElementById(thisThumb).style.backgroundColor = clr;
 }
//end rollover script


var x=0;

function thumbs(n,thumbnail){

//onclick sets the old thumb to up and the new to down
var setThisUpThumb = "thumb" + x;
var setThisDownThumb = "thumb" + n;

thumbState[x] = "up";
thumbState[n] = "down";

document.getElementById(setThisUpThumb).style.backgroundColor = "#692E26";
document.getElementById(setThisDownThumb).style.backgroundColor = "#AA9566";


  
jss = n;
x = n;
//change new thumbnail to up position
//document.getElementById("thumb" + x).style.backgroundColor = "#AA9566";
//document.images[x].src = preLoadT[0].src;

if (thumbnail == true) control('T');
//alert(jss);
}

var nextB = "false"; // not _over
var backB = "false" // not _over
var activeF = true;
var activeB = true;



function control(how){
if (showHot){
if (how=="H") {
	jss = 0;
	thumbs(jss,false);}

// if the next button is active, add 1 to jss otherwise do nothing
if (activeF == true){
	if (how=="F"){
	 jss = jss + 1;
	 thumbs(jss,false);}
} else { 
	null;
	}
	
// if the back button is active, subtract 1 from jss otherwise do nothing
if (activeB == true){
	if (how=="B") {jss = jss - 1;
	 thumbs(jss,false);}
} else {
	null;
}


if (how=="T") jss = jss; 

// if jss equals the total pictures, turn off next button
if (jss == (pss)) {
	nextB = "true";
	activeF = false;}
// if jss is at the first picture, turn off back button
if (jss == 0){
	backB = "true";
	activeB = false; }
// any other time turn on back and next buttons
if (jss != 0) {
	backB = "false";
	activeB = true; }
if (jss != (pss)) {
	nextB = "false";
	activeF = true;}



//get reference to CaptionBox and PictureBox for all browsers
function getRefToDiv(divID,oDoc) {
    if( !oDoc ) { oDoc = document; }
    if( document.layers ) {
        if( oDoc.layers[divID] ) { return oDoc.layers[divID]; } else {
            //repeatedly run through all child layers
            for( var x = 0, y; !y && x < oDoc.layers.length; x++ ) {
                //on success, return that layer, else return nothing
                y = getRefToDiv(divID,oDoc.layers[x].document); }
            return y; } }
    if( document.getElementById ) {
        return document.getElementById(divID); }
    if( document.all ) {
        return document.all[divID]; }
    return false;
}


myReference2 = getRefToDiv("PictureBox");
if( myReference2.style ) { myReference2 = myReference2.style; }

myReference2.backgroundImage = 'url(' + preLoad[jss].src + ')';
//alert (myReference2.backgroundImage);

myReference = getRefToDiv("CaptionBox");
//changes text in CaptionBox, technique varies by browser
if( typeof( myReference.innerHTML ) != 'undefined' ) {
  //used by the IE series, Konqueror, Opera 7+ and Gecko browsers
  myReference.innerHTML = Caption[jss];
} else {
  if( myReference.document && myReference.document != window.document ) {
    //used by layers browsers
    myReference.document.open();
    myReference.document.write(Caption[jss]);
    myReference.document.close();
  } else {
    if( window.frames && window.frames.length && window.frames['nameOfIframe'] ) {
      //used by browsers like Opera 6-
      //if we attempt to rewrite the iframe content before
      //it has loaded we will only produce errors
      myReference = window.frames['nameOfIframe'].window;
      myReference.document.open();
      myReference.document.write(Caption[jss]);
      myReference.document.close();
    }
  }
}







/*

if( myReference.innerHTML ) {
	document.getElementById("PictureBox").backgroundImage = 'url(' + preLoad[jss].src + ')'; }

if( myReference.style ) {
document.getElementById("PictureBox").style.backgroundImage = 'url(' + preLoad[jss].src + ')'; }

*/

//for explorer
//if (document.all){
//can be used with a "real" image to have a fade effect
//document.images.PictureBox.style.filter="blendTrans(duration=2)";
//document.images.PictureBox.style.filter="blendTrans(duration=CrossFadeDuration)";
//document.images.PictureBox.filters.blendTrans.Apply();
//}

if (nextB == "true") document.images.next.src = 'images/next_down.gif';
if (nextB == "false") document.images.next.src = 'images/next.gif';
if (backB == "true") document.images.backB.src = 'images/back_down.gif';
if (backB == "false") document.images.backB.src = 'images/back.gif';
//document.images.PictureBox.src = preLoad[jss].src;

//if (document.getElementById) document.getElementById("CaptionBox").innerHTML= Caption[jss];

//for explorer
//if (document.all) document.images.PictureBox.filters.blendTrans.Play();
}
}

