<\/embed>";
}
if ( objectType == "panorama" ) { // for Quicktime VR panoramas
objectString = "A Lovely Picture \r");
write("\r");
// if ( !(MSIE) ) {
write("© "+copyright+" Kenneth Knight
\r");
// }
write("\r");
// if ( !(MSIE) ) {
if ( objectType == ".jpg") {
write(viewCaption + "
\r");
/* if ( MSIE ) {
if ( objectType == ".jpg") {
write("");
write(viewCaption);
}
write("
© "+copyright+" Kenneth Knight\r");
}
*/
write("\r");
}
} // OpenImage1
function JumpTo(docNumber)
/* Jump to the specified part in the document. --3/11/03
docNumber: Optinal integer. Concatenated to an anchor reference this number is used to tell
the browser where to jump within the current document. If the passed
number is greater than the maximun number of document parts (set in maxDoc)
no change is made. If the passed number is less than 1 the document is reset
to the top.
if docNumber is a string then the string is assumed to be the name (relative URL) of the document to open --3/19/03
If not supplied the value in currentDoc is used.
The function REQUIRES that the "docName", "currentDoc", "maxDoc", and "docAnchors" variables be defined.
*/
{
//alert(docNumber + " " + IsNumber(docNumber) + "type: " + typeof(docNumber));
if ( IsNumber(docNumber) ) {
docNumber = ( docNumber == null ) ? currentDoc : docNumber;
if ( ( docNumber >= 1) && ( docNumber <= maxDoc) ) {
if ( docAnchors == true ) {
window.location = "#Day%20" + docNumber;
} else {
if ( IsNumber(docNumber) ) {
window.location = docName + docNumber + ".html";
} else {
window.location = docNumber;
}
}
currentDoc = docNumber;
}
} else {
// docNumber is actually a document name - just jump to that.
window.location = docNumber;
}
} // JumpTo
function Slide(ref, caption, width, height, copyright, objectType, thumbWidth, thumbType)
/* Creates a slide slide image object. The object contains the following properties:
ref: the image number. E.g. 9 --> 09.jpg (the .jpg is added by OpenImage1)
height: the image height.
width: the image width.
caption: the image caption.
link: the caption plus associated link text if any is present. Link text is marked by the a
marker string, "";
var refStr2 = " ";
this.ref = ref;
this.width = (width != null) ? width : defaultSlideWidth;
this.height = (height != null) ? height : defaultSlideHeight;
this.copyright = (copyright != null) ? copyright : defaultSlideCopyright;
this.objectType = (objectType != null) ? objectType : ".jpg";
this.thumbWidth = (thumbWidth != null) ? thumbWidth : defaultThumbWidth;
this.thumbType = (thumbType != null) ? thumbType : "image";
this.caption = str.replace(/[/gi, ""); // remove ][ tags.
this.caption = this.caption.replace(/<\/ref>/gi, ""); // remove ] tags.
// str = caption;
this.link = str.replace(/[/gi, refStr1); // change to start of link tag.
this.link = this.link.replace(/<\/ref>/, refStr2); // change to end of link tag.
this.textColor = defaultTextColor; // color of text that's displayed by OpenImage1
this;
} // Slide
function OpenImage(imageNum)
/* Opens the specified image in its own window. Images are assumed to be in
a directory called "images" that is at the same level as the referring document.
Image file names are to take the form image].jpg.
This function expects to find images in a directory called images/ and be named
following the convention image##.jpg (e.g., image05.jpg, image99.jpg).
imageNum: String. The image number. E.g., 9 --> image9.jpg.
*/
{
var theWindow;
var str;
var offset, wh, ww;
offset = 0;
var userAgent = navigator.userAgent;
/*
if (userAgent.indexOf("Mozilla") >= 0) { offset = 20};
if (userAgent.indexOf("MSIE") >= 0) { offset = -10};
if (userAgent.indexOf("iCab") >= 0) { offset = -25};
*/
wh = winHeight + offset;
ww = winWidth + offset;
// wh = slides[imageNum - 1].height;
// ww = slides[imageNum - 1].width;
// Make sure the window will fit on the screen. If it won't shrink it down somewhat.
if ( screen.availWidth <= ww ) { ww = screen.availWidth * 0.9 };
if ( screen.availHeight <= wh ) { wh = screen.availHeight * 0.9 };
str = "scrollbars=yes,toolbar=no,height=" + wh + ",width=" + ww;
theWIndow = window.open("", "Picture", str);
with(theWIndow.document) {
write("A Lovely Picture ");
write("
");
write("");
}
} // OpenImage
function MoreInfo(info, theTitle, isURL, theBase, width, height)
/* Open a window with additional information presented in it.
info: string. The additional information to present or a URL to the page.
theTitle: string. Document and window title. The WIndow title will have have spaces (e.g., "my title" -> "my-title")
isURL: boolean. If TRUE the string in INFO is a URL that points to a page to open.
theBase: string. If present it represents a base URL to use in the document being opened. Only
applies to documents where isURL is false.
width: integer. Window width. Default 640
height: integer. Window height. Defalt 480
*/
{
var theWindow;
var str;
var offset, wh, ww;
var userAgent = navigator.userAgent;
var theWindowTitle = new String(theTitle);
theWindowTitle = theWindowTitle.replace(/ /g, "_");
/*
if (userAgent.indexOf("Mozilla") >= 0) { offset = 20};
if (userAgent.indexOf("MSIE") >= 0) { offset = -10};
if (userAgent.indexOf("iCab") >= 0) { offset = -25};
*/
wh = ( height != null ) ? height : 480 /* + offset */;
ww = ( width != null ) ? width : 640 /* + offset */;
// Make sure the window will fit on the screen. If it won't shrink it down somewhat.
if ( screen.availWidth <= ww ) { ww = screen.availWidth * 0.9 };
if ( screen.availHeight <= wh ) { wh = screen.availHeight * 0.9 };
str = "toolbar=yes,resizable=yes,scrollbars=yes,height=" + wh + ",width=" + ww + ",outerheight=" + wh + ",outerwidth=" + ww;
if ( isURL == true ) {
theWindow = window.open(info, theWindowTitle, str);
} else {
theWIndow = window.open("", "MoreInfo", str);
with(theWIndow.document) {
write("");write(theTitle);
write(" ");
if ( theBase != null ) {
write("
Close The Window
");
}
}
}
/********************************************************************************
* *
* This file contains the strings that are used to provide the captions for the *
* pictures for this trip. Each string is complete unto itself and therefore *
* contains the text to dispaly as well as the necessary HTML code to generate *
* the hypertext link. *
* *
* The strings must be stored in an array called "captions". The Whilte the *
* array is 0-based the funciton called to generate the HTML code for each pict- *
* ure expects the images to start at 1 (1-based). *
* *
* The function, MakeCaptions, will generate the proper code for either a trip *
* journal (diary) or trip photo gallery based on the supplied parameters. *
* *
********************************************************************************/
function MakeCaptions3(type, ids, day, alignment, maxPerRow, widthAsPercent, fudgeFactor, alwaysBreak)
/* Return HTML code to display captions and hypertext links for the specified
pictures.
Added support for thumbnails of different widths and QuickTime movie thumbnails. --06/07/03
type: Required string. The type of code to genreate. The default action
is to generate code for a trip diary. However, you should supply
the proper string even if genreating diary code even though technically
an empty string would work.
"diary" Generate trip diary code.
"gallery" Generate trip photo gallery code.
ids: Required string. A sequence of image reference IDs. Either a single image
reference or a sequence of references can be specified. If the latter the
sequence must take the form of "[starting reference]-[ending reference]"
(e.g. "01-10"). The sequence is inclusive.
day: Optional string. Required if generating code for a photo gallery page.
The value should corrospond to the day number that the pictures belong
too.
alignment: Optional string. Default is "right". Alignment of the captions/link text
relative to the image.
Legal values: "top", "below"
Note: if defaultAlignment is defined and alignment is not passed (e.g., is null)
defaultAlignment will override the built-in default value.
maxPerRow: Optional integer. Default is 1. Specifies the maximun number of image/captions
that can be display per row. If a single image is passed the default behavior is
to not force a line break after the image. This can be overidden by setting
the "alwaysBreak" parameter to TRUE.
Note: if defaultMaxPerRow is defined and maxPerRow is not passed (e.g., is null)
defaultMaxPerRow will override the built-in default value.
widthAsPercent:
Optional number. If supplied this overrides internal image-caption paragraph widths. The normal
behavior is to compute a paragraph width based on an image's thumb width (.thumbWidth) and then
add a small margin to that value. If the resulting value is too small a pre-defined (minParaWidth)
value is used. If, however, the widthAsPercent parameter is defined (1-99) then that value is used
to establish a width. The width will be recorded as an approximate pixel (px) value that must be at
least as large as the default width.
fudgeFactor:
Optional integer. To be used in combination with the WidthAsPercent paraemeter.
Default value: 0.
When supplied it is assumed that it represents and additional width limiting factor. For example, if
MakeCaptions3 is called within a that has left and right margins set at 10% and 15% the fudgeFactor
should be set to 25.
alwaysBreaK:
Optional Boolean. Default FALSE. When TRUE a line break after every row will be
appended.
*/
{
var prefix, suffix, body;
var thumbID = new String("");
var anImage; // The image object to retrieve
var tempArray = new Array(2);
var localIDs = new Array();
var linBreak = "";
var paraWidth;
var minParaWidth = 200;
var oldBrowser = false;
var imageObjectHead1 = "";
var newParaLine = 0; // 1 when we want to force a new paragraph line regardless of FLOAT; else 0.
var newParaLineValue = new Array(); // values for newParaLine
var count = 1;
var breakOnSecondNextPara = false;
var extraThumbCode;
newParaLineValue[0] = " ";
newParaLineValue[1] = " clear: both; ";
// compute main content width.
if ( document.getElementsByTagName ) {
theWidth = Math.min(document.getElementsByTagName("BODY")[0].offsetWidth, document.documentElement.offsetWidth) - 10;
} else {
if ( window.innerWidth) {
theWidth = window.innerWidth;
} else {
theWidth = screen.width; // worst case fallback
oldBrowser = true;
}
}
if ( fudgeFactor == null) { fudgeFactor = 0; }
if ( alignment == null ) {
if ( type == "diary") {
if ( defaultAlignment != null ) {
alignment = defaultAlignment;
} else {
alignment = "below";
}
} else {
alignment = "right"; // default alignment for a gallery.
widthAsPercent = 90; // 90% width
}
}
if ( maxPerRow == null ) {
if ( defaultMaxPerRow != null ) {
maxPerRow = defaultMaxPerRow;
} else {
maxPerRow = 1;
}
}
if ( alwaysBreak == null) { alwaysBreak == false; }
// add in any extra padding that's needed to deal padding-right issues with left/right alignment
// decode the image reference sequence.
if ( typeof(ids) == "object" ) {
localIDs = ids;
} else {
tempStr = new String(ids);
tempArray = tempStr.split("-");
if ( !(isNaN (tempArray[0]) ) ) {
firstNum = 1 *(tempArray[0]);
if (tempArray.length == 2) {
lastNum = 1 * (tempArray[1]);
} else {
lastNum = firstNum;
}
for (i=0; i < (lastNum - firstNum) + 1; i++) {
localIDs[i] = firstNum + i;
}
} else {
// the thing being passed is not a number. Just assign the refernece.
localIDs[0] = tempArray[0];
}
}
body = ""; prefix = ""; suffix = ""; thumbMiddle = "";
thumbSuffix = ""; thumbPart = ""; paraHead = "";
// build thumbnail part.
bottomMargin = "";
if ( type == "gallery" ) {
bottomMargin = "margin-bottom: -0.25em; ";
}
imageObjectHead = "
";
if ( type == "gallery" ) {
// need to modify the imageObjectHead and tail
if ( oneBigDiary == true) {
if ( cssBased == true ) { // BIG KLUDGE
imageObjectHead1 = "";
paraHead = imageObjectHead + imageObjectStyleHead + paraWidth + newParaLineValue[newParaLine] + "'>";
newParaLine = 0;
thumbPart = imageObjectHead1 + thumbAnchorHead + thumbID;
if (anImage.thumbType == "image") {
thumbPart += thumbMiddle + anImage.ref + thumbAnchorSuffix + extraThumbCode;
} else {
thumbPart += thumbMovieMiddle + "" + extraThumbCode;
}
if ( alignment == "top" ) {
body += paraHead + "" + anImage.link + " " + anImage.link + " ";
}
if ( alignment == "right" ) {
body += paraHead + "" + thumbPart + " ";
body += "" + anImage.link + "
";
}
if ( alignment == "left" ) {
body += paraHead + "" + anImage.link + " " + thumbPart + "
";
}
body += imageObjectTail;
count = count + 1;
if ( breakOnSecondNextPara == true ) {
newParaLine = 1;
breakOnSecondNextPara = false;
}
if ( ( alwaysBreak == true ) && ( ( (i+1) % maxPerRow) == 0) ) {
// body += ""; suffix = " ";
if ( thumbs == true ) {
if ( caption != true ) {
thumbPrefix = "";
thumbMovieSuffix = ".mov\" ";
thumbSuffix = ".jpg\"> ";
thumbMovieSuffix = ".mov\" ";
thumbSuffix = ".jpg\"> ";
} else {
prefix = " ";
}
} else {
prefix = " ";
}
}
for (i=0; i < localIDs.length; i++) {
// var tempStr = new String( localIDs[i] );
// anImage = slides[ tempStr.split(".")[0] - 1]; // The image object to retrieve
if ( typeof(localIDs[i]) == "string") {
for (j=0; j < slides.length; j++) {
if ( slides[j].ref == localIDs[i]) {
anImage = slides[j];
break;
}
}
}else {
anImage = slides[ localIDs[i] - 1 ];
}
tempStr = anImage.ref;
tempArray = tempStr.split(".");
// If the image doesn't have a reference number - perhaps it's not associated with a picture, movie, or qtvr yet
// than skip it.
if ( anImage.ref == "" ) {
} else {
thumbID = anImage.ref;
// if ( anImage.objectType != ".jpg") {
// thumbID = tempArray[0];
// }
if ( thumbs == true ) {
// if ( thumbID < 10 ) { if ( thumbID[0] != "0" thumbID = "0" + thumbID };
thumbPart = thumbPrefix + thumbID;
extraThumbCode = "";
if (anImage.objectType != ".jpg") {
extraThumbCode = " " + anImage.link + suffix;
}
}
if ( caption == true ) {
body = "" + slides[ localIDs[0] - 1 ].link + " " + body + " "; suffix = " ";
if ( thumbs == true ) {
thumbPrefix = "";
}
for (i=0; i < ids.length; i++) {
if ( thumbs == true ) {
thumbID = ids[i];
if ( thumbID < 10 ) { thumbID = "0" + thumbID };
thumbPart = thumbPrefix + thumbID + thumbMiddle + thumbID + thumbSuffix;
}
body += prefix + thumbPart + " " + captions[ ids[i] - 1] + suffix;
}
return body;
}
function SetActiveStyleSheet(title) {
var i, a;
for(i=0; ( a = document.getElementsByTagName("link")[i]); i++) {
if(a.getAttribute("rel").indexOf("style") != -1
&& a.getAttribute("title")) {
a.disabled = true;
if(a.getAttribute("title") == title) a.disabled = false;
}
}
} // MakeCaptions
/****************************************************************************************************************************/
/* Slide Show Routes */
/****************************************************************************************************************************/
var kFadeInterval = 5; // Interval, in milliseconds, between fade-in(out) actions - that is increase/decrease of opacity.
var kFudgeFactor = 25; // a fudge factor for use in sizing widths.
var kMaxOpacity = 5; // The number of steps between 0 and 100 to use for incrementing (decrementing) the opacity value.
var kMinCaptionWidth = 130; // The min size - more or less - we'll except for the caption and footer objects.
var kMinFooterWidth = 140; // Min footer/pageEnd width
var gDoEffects = false; // TRUE when we want to run effects; FALSE otherwise
var gCanFadeIn = false; // TRUE when fading in is to happen; FALSE otherwise
var gCurrentSlide = 0; // current slide.
var gWindowWidth, gWindowHeight;
var gOpacityCount = 0; // Runs from 0 to kMaxOpacity for changing opacity in kMaxOpacity steps in incrments of 0.5 (5%).
var gTimer;
function SetOpacity(objectID, value)
/* Set the opacity value (from value) of the HTML element identified by objectID.
objectID: String. ID of an HTML object.
value: integer from 0 to 100 (though this will be changed to a fraction from 0 to 1 for non-IE browsers).
*/
{
var theObject = document.getElementById(objectID);
if (theObject.style) {
theObject.style.opacity = ( value / 100 ); // CSS3 compatible browsers
theObject.style.MozOpacity = ( value / 100 ); // for Mozilla
theObject.style.filter = "alpha(opacity=" + value + ")"; // for MSIE
}
} // SetOpacity
function ChangeOpacity(objectID) {
/* Called to change the opacity of the object with ID referenced in "objectID".
This function is called repeated by setInterval (establsiehd from FadeIn() ) until the opacity reaches 100 at which time the
interval call is cleared.
objectID: string. An HTML ID that refernces a specific object.
*/
SetOpacity(objectID, (gOpacityCount * (100 / kMaxOpacity) ) );
if ( gOpacityCount < kMaxOpacity ) {
gOpacityCount++;
} else {
clearInterval(gTimer);
}
} // ChangeOpacity
function SetupFadeIn(sourceID, finishID, containerID)
/* Set up the fade in.
sourceID: strong. HTML object ID that references the image to fade from.
finishID: string. HTML object ID that references the image to fade to.
containerID: string. HTML object ID that references the object that contains the sourceID and finishID objects.
*/
{
var backgroundImageObj = document.getElementById(sourceID);
var imageObj = document.getElementById(finishID);
var imageContainerObj = document.getElementById(containerID);
SetOpacity(finishID, 0);
imageObj.style.display = "block";
with (backgroundImageObj) {
src = imageObj.src;
style.width = imageContainerObj.style.width; // set width to the width of the about-to-show image
style.height = imageContainerObj.style.height; // set hieght to the height of the about-to-show image.
style.display = "block";
}
gCanFadeIn = true;
} // SetupFadeIn
function FadeIn(sourceID, finishID, containerID)
/* Fade the overlaying image held in "finishID" into view. This is done by increasing the opacity value of the image referenced by
"finishID". The image in "finishID" slowly covers the background image that has been established in the object referenced by
"soourceID"
sourceID: string. HTML object ID that references the background image (what we fade from).
finishID: string. HTML object ID that references the image we are fading to.
containerID: string. HTML object ID that references the object that contains tsourceID and finishID images
*/
{
gOpacityCount = 0;
document.getElementById(finishID).style.display = "block"; // make sure it's visible.
gTimer = window.setInterval("ChangeOpacity('" + finishID + "')", kFadeInterval);
} // FadeIn
function EffectsOnOff ()
/* Turn visual effects, the fade-ins, on and off. Default is off. */
{
gDoEffects = !(gDoEffects);
document.getElementById("effectsonoffbutton").innerHTML = ( gDoEffects) ? "Effects off" : "Effects on";
if ( gDoEffects ) {
SetupFadeIn("theslidebackground", "theslide", "slide_div");
gCanFadeIn = true;
} else {
gCanFadeIn = false;
document.getElementById("theslidebackground").style.display = "none";
}
} // EffectsOnOff
function GetWindowWidthAndHeight()
/* Return window width and height (or maybe document width and height in IE which would give odd results). I really want the viewable
region - the viewport width and height.
Returns an object with properties "width" and "height" which are both integers.
*/
{
var x,y;
if ( self.innerHeight ) { // all except Explorer
x = self.innerWidth;
y = self.innerHeight;
} else // Explorer 6 Strict Mode
if ( document.documentElement && document.documentElement.clientHeight ) {
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
} else { // other Explorers
if ( document.body ) {
x = document.body.clientWidth;
y = document.body.clientHeight;
}
}
this.width = x;
this.height = y;
return this;
} // GetWindowWidthAndHeight
function SaveObjectSizes()
/* Establsh object sizes which will be stored in the gWindowWithd and gWindowHeight global variables.
useSlideDiv: Boolean. Optional. Default is true.
*/
{
var temp;
// compute main content width.
gWindowWidth = GetWindowWidthAndHeight().width;
gWindowHeight = GetWindowWidthAndHeight().height;
// Figure out the max width the slide container can have. If we can't get a precise value then guess using 130.
/*
temp = document.getElementById("caption_div").offsetWidth;
if ( temp) {
gWindowWidth = gWindowWidth - (temp + 5);
} else {
gWindowWidth = gWindowWidth - 7;
}
*/
gWindowWidth = gWindowWidth - (kFudgeFactor + kMinFooterWidth);
// Figure out the max height the slide container can have. If we can't get a precise value then guess using 100.
temp = document.getElementById("slide_div").offsetTop;
if ( temp ) {
gWindowHeight = gWindowHeight - (temp + 12 + 5);
} else {
gWindowHeight = gWindowHeight - 100;
}
} // SaveObjectSizes
function ImageResize()
/* Called in response to an document resizing event. */
{
var temp = gDoEffects;
var temp1 = document.getElementById("theslidebackground").style.display;
if ( gDoEffects ) {
document.getElementById("theslidebackground").style.display = "block";
gDoEffects = false;
}
gDoEffects = false;
SaveObjectSizes();
gWindowRatio = ComputeImageToWindowRatio(defaultSlideWidth, defaultSlideHeight);
DisplaySlide(gCurrentSlide);
gDoEffects = temp;
document.getElementById("theslidebackground").style.display = temp1;
} // ImageResize
function ComputeImageToWindowRatio(imageWidth, imageHeight)
/* Figure out the windowRatio that will be used to potentially shrink the slide container.
imageWidth, imageHeight: Integer. Thw width and height of an image.
*/
{
wRatio = Math.floor( 100 * (gWindowWidth / imageWidth) ) / 100; // ratio of widths of the slide object (based on window width) width versus the slide (image) width
hRatio = Math.floor( 100 * (gWindowHeight / imageHeight) ) / 100; // ratio of heights of the slide object (based on windowheight) height versus the slide (image) height
wRatio = ( wRatio > 1 ) ? 1 : wRatio; // If >= 1 then the window can contain the slide's width
hRatio = ( hRatio > 1 ) ? 1 : hRatio; // If >= 1 then the window can contain the slide's height
if ( (wRatio == 1) && (hRatio == 1) ) {
return wRatio;
} else {
// Use the smaller ratio to ensure the image can completely fit.
return Math.min(wRatio, hRatio);
}
} // ComputeImageToWindowRatio
function SetContainerSizes(ratio, width, height)
/* Set the sizes for the slide and caption objects. */
{
var imageObj = document.getElementById("slide_div");
var captionObj = document.getElementById("caption_div");
var tempWidth = Math.floor(width * ratio);
imageObj.style.height = Math.floor(height * ratio) + "px";
imageObj.style.width = tempWidth + "px";
captionObj.style.width = ( GetWindowWidthAndHeight().width - ( tempWidth + kFudgeFactor )) + "px";
document.getElementById("footer").style.margin = "0px";
document.getElementById("pageEnd").style.position = "absolute";
document.getElementById("footer").style.position = "absolute";
document.getElementById("pageEnd").style.clear = "none";
document.getElementById("pageEnd").style.width = ( GetWindowWidthAndHeight().width - ( tempWidth + 10)) + "px";
document.getElementById("footer").style.width = ( GetWindowWidthAndHeight().width - ( tempWidth + 10)) + "px";
document.getElementById("pageEnd").style.left = tempWidth + 3 + "px";
document.getElementById("footer").style.left = tempWidth + 3 + "px";
document.getElementById("pageEnd").style.top = (captionObj.offsetHeight + captionObj.offsetTop + 5) + "px";
document.getElementById("footer").style.top = (document.getElementById("pageEnd").offsetHeight + document.getElementById("pageEnd").offsetTop ) + "px";
} // SetContainerSizes
function SetupSlideShowPage(slideshowTitle)
/* This function takes the display window and adjusts the size of the slide container and the caption container to
best fit the current display window. The function is only called once.
slideShowTitle: string. Title of slide show.
*/
{
var newMenuCodeHead = "";
gCurrentSlide = 0;
SaveObjectSizes();
gWindowRatio = ComputeImageToWindowRatio(defaultSlideWidth, defaultSlideHeight);
with (document) {
getElementById("trip").style.margin = "2px";
getElementById("photo_container").style.display = "none";
getElementById("slideshow_container").style.display = "block";
getElementById("slideshowtitle").innerHTML = slideshowTitle;
getElementById("prevpagelink").href= "javascript:PreviousSlide()";
getElementById("nextpagelink").href= "javascript:NextSlide()";
// Now build the slide show menu.
for (i = 0; i < slides.length; i++ ) {
if ( slides[i].ref != "") {
newMenuCodeHead = newMenuCodeHead + "" + (i + 1) + "\r";
}
}
getElementById("slidemenu").innerHTML = newMenuCodeHead + newMenuCodeEnd;
getElementById("theslideinfo").style.display = "block";
}
// Now capture resize events.
if ( window.captureEvents ) {
window.captureEvents(Event.RESIZE);
window.onresize = ImageResize;
}
DisplaySlide(gCurrentSlide);
} // SetupSlideShowPage
function GetSlide(slideID)
/* Return the slide to work with. If the reference passed in slideID is not found return the first slide object.
returns a slide object.
*/
{
var theImage = -1;
/*
for (i=0; i < slides.length; i++) {
if ( slides[i].ref == slideID) {
theImage = slides[i];
break;
}
}
if ( theImage == -1 ) {
theImage = slides[0];
}
*/
if ( slides[slideID].ref == "") {
theImage = slides[gCurrentSlide];
} else {
gCurrentSlide = slideID;
theImage = slides[slideID];
}
return theImage;
} // GetSlide
function DisplaySlide(slideID)
/* Display the current slide and associated caption.
slideID: Integer. The ID for the slide to display.
*/
{
var imageContainerObj = document.getElementById("slide_div");
var backgroundImageObj = document.getElementById("theslidebackground");
var imageObj = document.getElementById("theslide");
var imageLinkObj = document.getElementById("theslidelink");
var captionObj = document.getElementById("thecaption");
// Get the referenced image
gCurrentSlide = slideID;
var theImage = GetSlide(slideID);
var windowRatio = ComputeImageToWindowRatio(theImage.width, theImage.height);
var imageSourceName = ( theImage.objectType == ".jpg" ) ? "images/" + theImage.ref + ".jpg" : "../showing-a-movie.jpg";
SetContainerSizes(windowRatio, theImage.width, theImage.height);
if ( gDoEffects && gCanFadeIn ) {
SetupFadeIn("theslidebackground", "theslide", "slide_div");
}
if ( theImage.objectType == ".jpg" ) { // Is it a picture?
if (gDoEffects) {
imageObj.style.display = "none"; // Don't show full opacity object as it loads in.
}
imageObj.src = imageSourceName;
imageObj.style.height = imageContainerObj.style.height;
imageObj.style.width = imageContainerObj.style.width;
imageObj.alt = "the slide";
} else { // It's not a picture, but a QT movie or QTVR pano.
if (gDoEffects) {
imageObj.style.display = "none"; // Don't show full opacity object as it loads in.
}
imageObj.alt = "Click me to view the " + theImage.objectType;
imageObj.src = imageSourceName;
imageObj.width = 300;
imageObj.height = 300;
imageObj.style.height = "300px";
imageObj.style.width = "300px";
}
imageLinkObj.href = "javascript:OpenImage1('" + theImage.ref + "')"; // Create Link to full-size image/movie
document.getElementById("scalenumber").innerHTML = Math.round( (100 * windowRatio) );
document.getElementById("actualslidenumber").innerHTML = theImage.ref + " of " + slides.length; // Fill in slide number info
captionObj.innerHTML = theImage.caption; // Provide caption.
if ( document.getElementById("caption_div").scrollTop ) {
document.getElementById("caption_div").scrollTop = 0;
document.getElementById("caption_div").scrollLeft = 0;
}
if ( gDoEffects ) {
if (gCanFadeIn) {
FadeIn("theslidebackground", "theslide", "slide_div"); // Fade the new image into view.
} else { // An image has been displayed and so gCanFadeIn can be set to true and we can start fasdes
gCanFadeIn = true;
imageObj.style.display = "block";
}
}
} // DisplaySlide
function NextSlide()
/* Display the next slide. */
{
gCurrentSlide++;
if ( gCurrentSlide > slides.length ) {
gCurrentSlide = 0; // wrap-around slides
}
// Definite hack to skip blank image. Assumes just one blank. Not smart at all.
if ( slides[gCurrentSlide].ref == "") {
gCurrentSlide++
}
var theImage = GetSlide( gCurrentSlide );
/*
// If the requested slide is not an actual slide then find the next slide (non-slides are "movie" and "pano")
if (theImage.objectType != ".jpg") {
for (i=gCurrentSlide; i < slides.length; i++ ) {
theImage = GetSlide(i);
if (theImage.objectType == ".jpg") {
gCurrentSlide = i;
break;
}
}
}
*/
// clearInterval
DisplaySlide(gCurrentSlide);
// gSlideTimer = setInterval("NextSlide()", 6000);
} // NextSlide
function PreviousSlide()
/* Display the previous slide. */
{
gCurrentSlide--;
if ( gCurrentSlide < 0 ) {
gCurrentSlide = slides.length - 1; // wrap-around slides
}
// Definite hack to skip blank image. Assumes just one blank. Not smart at all.
if ( slides[gCurrentSlide].ref == "") {
gCurrentSlide++
}
var theImage = GetSlide(gCurrentSlide);
/*
// If the requested slide is not an actual slide then find the next slide (non-slides are "movie" and "pano")
if (theImage.objectType != ".jpg") {
for (i=gCurrentSlide; i < slides.length; i++ ) {
theImage = GetSlide(i);
if (theImage.objectType == ".jpg") {
gCurrentSlide = i;
break;
}
}
}
*/
DisplaySlide(gCurrentSlide);
// gSlideTimer = setInterval("PreviousSlide()", 6000);
} // PreviousSlide
function MakeTitles(titleNum)
/* Create the titles line. Used in documentst that are single-day related but may have
multiple items. E.g., Michigan_Dayhikes/glh2004/ files.
titleNum: integer, index into tht titles array that notes the elemt that does not get a hyperlink.
*/
{
var str = "";
var result = "";
var indexSuffix = "";
titleSuffix = " | ";
for (i = 0; i < titles.length; i++ ) {
if ( i != 0 ) {
indexSuffix = i + 1;
}
if ( i == ( titles.length - 1 ) ) {
titleSuffix = "";
}
if ( i != titleNum ) {
str = "" + titles[i] + " " + titleSuffix;
} else {
str = titles[i] + titleSuffix;
}
result = result + str;
}
return result;
} // MakeTitles
function AddRelatedLinks()
/* Build related links list, if any exists. The function uses the RelatedLinks
that must be defined in theCaptions.js.
*/
{
var str = "";
var titleSuffix = "";
if (( relatedLinks ) && ( relatedLinks.length > 0 ) ) {
str = "";
}
return str;
} AddRelatedLinks
function AddRelatedLinksTableVersion()
/* Build related links list, if any exists. The function uses the RelatedLinks
that must be defined in theCaptions.js.
*/
{
var str = "";
var titleSuffix = "";
if (( relatedLinks ) && ( relatedLinks.length > 0 ) ) {
str = "";
}
return str;
} AddRelatedLinksTableVersion
function OpenLightbox() {
var div = this.parentNode.parentNode; // enlcosing inilne_image-* DIV element
var img = this.getElementsByTagName('img')[0];
var theText = this.parentNode.innerText || this.parentNode.textContent;
var lightbox = document.getElementById("lightbox");
lightbox.innerHTML = "";
document.getElementById("lightboximage").src = img.largeSrc;
lightbox.style.width = Math.min(32 + img.largeWidth, GetObjectWidthAndHeight(window).width - 32 )+ "px";
lightbox.style.height = Math.min(32 + img.largeHeight, GetObjectWidthAndHeight(window).height - 32 )+ "px";
lightbox.style.top = Math.max(0, parseInt((GetObjectWidthAndHeight(window).height / 2) - (img.largeHeight / 2)));
lightbox.style.left = Math.max(0, parseInt((GetObjectWidthAndHeight(window).width / 2) - (img.largeWidth / 2)));
var p = position(img);
with (document.getElementById("loadData")) {
style.left = p.x;
style.top = p.y;
style.display="block";
}
return false;
} // OpenLightbox
function position(el) {
var p = { x: el.offsetLeft, y: el.offsetTop };
while (el.offsetParent) {
el = el.offsetParent;
p.x += el.offsetLeft;
p.y += el.offsetTop;
if (el != document.body && el != document.documentElement) {
p.x -= el.scrollLeft;
p.y -= el.scrollTop;
}
}
return p;
} // position
function LightboxImageFinishedLoading(img) {
var width = document.getElementById("lightboximage").getAttribute("largewidth");
var height = document.getElementById("lightboximage").getAttribute("largeheight");
document.getElementById("loadData").style.display = "none";
// document.getElementById("lightbox").style.width = (32+width) + "px";
// document.getElementById("lightbox").style.height = (32+height) + "px";
document.getElementById("lightbox").style.display = "block";
// document.getElementById("lightbox").style.top = parseInt( (GetObjectWidthAndHeight(window).height / 2) - (height / 2));
// document.getElementById("lightbox").style.left = parseInt( (GetObjectWidthAndHeight(window).width / 2) - (width / 2));
document.getElementById("info").style.width = width;
SetOpacity("info", 75);
SetOpacity("container", 60);
} // LightboxImageFinishedLoading
function CloseLightbox() {
lightbox.style.display = "none";
SetOpacity("container", 100);
return true;
} // CloseLightbox
function GetObjectWidthAndHeight(theObject)
/* Return width and height of theObject.(or maybe document width and height in IE which would give odd results).
I really want the viewable region - the viewport width and height.
Returns an object with properties "width" and "height" which are both integers.
*/
{
var x,y;
if ( theObject.innerHeight ) { // all except Explorer
this.width = theObject.innerWidth;
this.height = theObject.innerHeight;
return this;
}
if (theObject.offsetHeight) {
this.width = theObject.offsetWidth;
this.height = theObject.offsetHeight;
return this;
}
if ( document.documentElement && document.documentElement.clientHeight ) {
x = document.documentElement.clientWidth;
y = document.documentElement.clientHeight;
} else { // other Explorers
if ( document.body ) {
x = document.body.clientWidth;
y = document.body.clientHeight;
}
}
this.width = x;
this.height = y;
return this;
} // GetObjectWidthAndHeight
function ToggleInfo() {
// Show/Hide info for photo
gInfoVisible = !gInfoVisible;
document.getElementById("info").style.display = (gInfoVisible == true ) ? "block" : "none";
return false;
} // ToggleInfo
![](images/");)
<\/embed");
}
write(">