" + caption + "\

/** Written by Peter Wilkinson of http://dynamic-tools.net Feel free to use or modify this script for any purpose. I'd appreciate you leaving this header in though. */ function addEvent(elem, eventType, handler) { if (!elem.eventHandlers) elem.eventHandlers = []; if (!elem.eventHandlers[eventType]) { elem.eventHandlers[eventType] = []; if (elem['on' + eventType]) elem.eventHandlers[eventType].push(elem['on' + eventType]); elem['on' + eventType] = handleEvent; } elem.eventHandlers[eventType].push(handler); } function removeEvent(elem, eventType, handler) { var handlers = elem.eventHandlers[eventType]; for (var i in handlers) if (handlers[i] == handler) delete handlers[i]; } function handleEvent(e) { var returnValue = true; if (!e) e = fixEvent(event); var handlers = this.eventHandlers[e.type] for (var i in handlers) { this.$$handleEvent = handlers[i]; returnValue = !((returnValue && this.$$handleEvent(e)) === false); } return returnValue; } function fixEvent(e) { // add W3C standard event methods e.preventDefault = fixEvent.preventDefault; e.stopPropagation = fixEvent.stopPropagation; return event; }; fixEvent.preventDefault = function() { this.returnValue = false; }; fixEvent.stopPropagation = function() { this.cancelBubble = true; }; sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i // Constants - change these to suit your requirements Note that the defaultWidth // and defaultHeight variables should be set to more than your largest image to // overcome a bug in Mozilla (at least up to Firefox 0.9). var windowTop = 100; // Top position of popup var windowLeft = 100 // Left position of popup var defaultWidth = 550; // Default width (for browsers that cannot resize) var defaultHeight = 400; // Default height (for browsers that cannot resize) var onLoseFocusExit = false; // Set if window to exit when it loses focus var undefined; // Set up the window open options var Options = "width=" + defaultWidth + ",height=" + defaultHeight + ",top=" + windowTop + ",left=" + windowLeft + ",resizable,location=0,scrollbars" // Now write the HTML markup to the new window, ensuring that we insert the // parameter URL of the image and the parameter description of the image in // the right place. var myScript = "\n" + "\n" + "\n" + "" + caption + "\\n" + "\n" + "\n" + "\n\n" + "\n" + " $\""$ \n" + "\n" + "\n"; // Diagnostic - uncomment the next line if you wish to see the script generated. //alert (myScript); // Create the popup window var imageWindow = window.open ("","imageWin",Options); imageWindow.document.write (myScript); imageWindow.document.close (); if (window.focus) imageWindow.focus(); return false; } function setupImageViewer() { if (document.getElementById('imageViewer')) { var lis = document.getElementById('imageViewer').getElementsByTagName('li'); for (var i=0; i < lis.length; i++) { lis[i].childNodes[0].onclick = function() { document.getElementById('mainImage').src = this.src; document.getElementById('mainImage').alt = this.alt; document.getElementById('imageCaption').innerHTML = this.alt; } } } } addEvent(window, 'load', setupImageViewer);