/*
======= Photo Viewer 2.30 ========
==== Created by Josh Freedman ====
==== Web 1 Marketing, Inc. ====
==== Copyright (C) 2005 ====
==== All rights reserved. ====
==== www.web1marketing.com ====
==================================
Use of these scripts is free so long as you include proper
attribution (the block above) and a link from your site to
www.web1marketing.com.
Use these scripts at your own risk. The author assumes no
responsibility for support or for consequences of their use.
Comments and suggestions welcome: www.joshfreedman.com.
IT IS HIGHLY RECOMMENDED THAT NO CHANGES BE MADE TO THIS FILE AND
THAT ALL PARAMETER VALUES BE CUSTOMIZED IN THE PHOTO_LIST.JS FILES.
==== Version Notes ====
Version 2.30 Added optional index parameter
Version 2.22 Fixed clickMode and imageAlt behaviors
Version 2.21 Moved precaching image to bottom of page
Version 2.20 Added showFirst, showLast, click photo to advance, caption as photo ALT text
Version 2.13 Added slideshow features
Version 2.12 Parameterized ID's, wrapping optional
Version 2.11 Added caching of next image
Version 2.10 Added index functionality
Version 2.00 Functional browsing of images forward and back
*/
// ====================
// ==== Parameters ====
// ====================
var showIndex = new Boolean(false); // Enable index display
var indexSeparator = ' '; // String between index items
var showCaption = new Boolean(true); // Enable caption display
var preCache = new Boolean(true); // Activates pre-caching of next photo
var pictureID = 'photo'; // SPAN or DIV ID for photo
var captionID = 'caption'; // SPAN or DIV ID for caption
var indexID = 'index'; // SPAN or DIV ID for index
var wrapOn = new Boolean(true); // Wrapping from last photo to first and vice-versa
var slideMode = new Boolean(false); // Enables slideshow mode
var slideDelay = 10; // Default delay between slides inseconds
var clickMode = new Boolean(true); // Disable image clicking to advance
var imageALT = new Boolean(true); // Disable caption as image ALT tag text
// ==========================
// ==== Third Party Code ====
// ==========================
/*
Webmonkey GET Parsing Module
Language: JavaScript 1.0
Source: Webmonkey Code Library
(http://www.hotwired.com/webmonkey/javascript/code_library/)
Author: Patrick Corcoran
Author Email: patrick@taylor.org
*/
function createRequestObject() {
FORM_DATA = new Object();
// The Object ("Array") where our data will be stored.
separator = ',';
// The token used to separate data from multi-select inputs
query = '' + this.location;
query = query.substring((query.indexOf('?')) + 1);
// Keep everything after the question mark '?'.
if (query.length < 1) { return false; } // Perhaps we got some bad data?
keypairs = new Object();
numKP = 1;
while (query.indexOf('&') > -1) {
keypairs[numKP] = query.substring(0,query.indexOf('&'));
query = query.substring((query.indexOf('&')) + 1);
numKP++;
}
keypairs[numKP] = query;
for (i in keypairs) {
keyName = keypairs[i].substring(0,keypairs[i].indexOf('='));
// Left of '=' is name.
keyValue = keypairs[i].substring((keypairs[i].indexOf('=')) + 1);
// Right of '=' is value.
while (keyValue.indexOf('+') > -1) {
keyValue = keyValue.substring(0,keyValue.indexOf('+')) + ' ' + keyValue.substring(keyValue.indexOf('+') + 1);
// Replace each '+' in data string with a space.
}
keyValue = unescape(keyValue);
// Unescape non-alphanumerics
if (FORM_DATA[keyName]) {
FORM_DATA[keyName] = FORM_DATA[keyName] + separator + keyValue;
} else {
FORM_DATA[keyName] = keyValue;
}
}
return FORM_DATA;
}
FORM_DATA = createRequestObject();
// =============================
// ==== The heart of it all ====
// =============================
var glbCacheTimer;
var glbSlideTimer;
// Contains index of the current photo, initialized to the first photo (1)
var glbCurrentPhoto = 1;
// Array holding photo filenames
var photos = new Array ();
// Array holding photo captions
var captions = new Array ();
// Array holding link names
var linkNames = new Array ();
function getObjectByID(id) {
// Cross-browser function to return the object with the specific id
if (document.all) { // IE
return document.all[id];
} else { // Netscape
return document.getElementById(id);
}
}
function showPhoto(index) {
// Shows the photo with identified index
var theURL = "" + this.location;
// Strip parameters, if any present, from end of URL.
if (theURL.indexOf("?")>0) {
theURL = theURL.substring(0,theURL.indexOf("?"));
}
// Append the new photo index as a parameter.
theURL += "?photo=" + index;
// Append the slideshow mode as a parameter.
if (slideMode == true) {
theURL += "&slideMode=true";
theURL += "&slideDelay=" + slideDelay;
}
// Go to the constructed URL which has the new
// photo's index as a parameter.
this.location = theURL;
}
function showNext() {
if (glbCurrentPhoto >= photos.length) {
if (wrapOn == true) {
glbCurrentPhoto = 1;
showPhoto (glbCurrentPhoto);
}
} else {
glbCurrentPhoto += 1;
showPhoto (glbCurrentPhoto);
}
}
function showPrevious() {
if (glbCurrentPhoto <= 1) {
if (wrapOn == true) {
glbCurrentPhoto = photos.length;
showPhoto (glbCurrentPhoto);
}
} else {
glbCurrentPhoto += -1;
showPhoto (glbCurrentPhoto);
}
}
function showFirst() {
glbCurrentPhoto = 1;
showPhoto (glbCurrentPhoto);
}
function showLast() {
glbCurrentPhoto = photos.length;
showPhoto (glbCurrentPhoto);
}
function initPhoto() {
// Display the photo
var photoLocation = getObjectByID(pictureID);
var imgString = '';
if (clickMode == true) {imgString += "";}
imgString += "]*>/g,"")+'"';}
imgString += ">";
if (clickMode == true) {imgString += "";}
photoLocation.innerHTML = imgString;
// Create caption if enabled.
if (showCaption == true) {
var photoCaption = getObjectByID(captionID);
photoCaption.innerHTML = captions[glbCurrentPhoto-1];
}
// Build the index if enabled.
if (showIndex == true) {buildIndex();}
// Pre-cache if enabled.
if ((preCache == true) && (glbCurrentPhoto < photos.length)) {
// Start timer for cache loader routine to check if main image is loaded
glbCacheTimer = setTimeout('cache(' + glbCurrentPhoto + ');', 500);
}
// Slideshow mode, if enabled.
if (slideMode == true) {
glbSlideTimer = setTimeout('showNext();', (slideDelay * 1000));
}
}
function cache(photoID) {
// Check to see if main image has loaded
if (getObjectByID('mainImage').complete) {
// Clear the timer
clearTimeout(glbCacheTimer);
// Load the next image.
getObjectByID('cache').src= photos[photoID];
} else {
// Not loaded, so reset timer
glbCacheTimer = setTimeout('cache(' + glbCurrentPhoto + ');', 500);
}
}
function addPhoto(filename, caption, linkName) {
// Add filenames and captions to their respective arrays.
var len = photos.length;
photos[len] = filename;
captions[len] = caption;
if (typeof linkName == "undefined") {
linkNames[len] = len + 1;
} else {
linkNames[len] = linkName;
}
}
function buildIndex() {
// Creates a clickable list of image numbers.
var indexString = '';
var i;
for (i = 1; i < photos.length+1; i++) {
// If not the first photo, add separator
if (i>1) {indexString += indexSeparator}
// Make current photo # bold and don't make it a link
if (i == glbCurrentPhoto) {
indexString += '' + linkNames[i-1] + '';
} else { // Make all other numbers links
indexString += '' + linkNames[i-1] + '';
}
}
// Display the index
getObjectByID(indexID).innerHTML = indexString;
}
function enableSlideMode (newDelay) {
// Turns slide mode on
slideMode=Boolean(true);
if (newDelay > 0) {
slideDelay = newDelay;
}
showPhoto(glbCurrentPhoto); //necessary to reset URL parameters.
// glbSlideTimer=setTimeout('showNext();',(slideDelay*1000));
}
function disableSlideMode() {
slideMode = Boolean(false);
clearTimeout (glbSlideTimer);
showPhoto(glbCurrentPhoto); //necessary to reset URL parameters.
}
// Get photo index from URL, if there is one, otherwise start at 1
if (FORM_DATA["photo"]>0) {
glbCurrentPhoto = Number(FORM_DATA["photo"]);
} else {
glbCurrentPhoto = 1;
}
// Get slide mode from URL, if there is one
if (FORM_DATA["slideMode"] == "true") {
slideMode = Boolean(true);
slideDelay = FORM_DATA["slideDelay"];
}