// (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] = "Folded signatures of paper containing four to 16 pages are sewn one at a time to the cords on the bookbinder\'s sewing frame in one of the first stages in manufacturing a book.";
Caption[1]  = "Master Bookbinder Bruce Plumley ploughs the edges of a book on the trimming machine.";
Caption[2]  = "Journeyman James Townsend uses marbleized paper for a book\'s cover instead of the more costly full leather binding.";
Caption[3]  = "Marbleizing was not generally done in the colonies, but the use of imported marbled paper allowed bookbinders in Williamsburg to finish high end books with decorative end papers or reduce the cost of a full leather binding by using the paper binding with leather corners and spine.";
Caption[4]  = "Master Bookbinder Bruce Plumley uses a heated tool to create a decorative treatment on the leather cover.";
Caption[5]  = "Bookbinders use a variety of heated finishing wheels to create decorative patterns on the covers of books.";
Caption[6]  = "Tools of the trade included a variety of stamps for imprinting designs in the leather covers.";
Caption[7]  = "Using a heated stamp, Bruce Plumley carefully tools a design onto the damp leather cover.";
Caption[8] = "The stamp creates an ornamental corner detail on the book\'s cover. This design is called \"blind tooling,\" with no paint or additional material in the design.";
Caption[9] = "Bound leather books retain their beauty after years of handling by eager readers thirsty for knowledge and entertainment. Books such as these would have belonged to a lady or a gentleman in colonial times.";
Caption[10] = "The finishing wheel is heated and then used to roll a pattern in a bound book, sometimes in gold leaf, which would be applied with egg whites and water to make the gold stick to the design.";
Caption[11] = "Tools of the bookbinder's trade include scissors, awls, pens, and a bone for folding or pasting.";
Caption[12] = "Stamps and wheels are heated before they are used for tooling the leather book cover with decorative designs.";
 


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 (myReference.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();
}
}