survivalkit 0.1

data/templates/project/sources/jquery-lightbox/LICENSE.txt

@@ -0,0 +1,30 @@
+Software License Agreement (BSD License)
+
+Copyright (c) 2008 Warren Krewenki
+All rights reserved.
+
+Redistribution and use of this software in source and binary forms, with or without modification, are
+permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above
+  copyright notice, this list of conditions and the
+  following disclaimer.
+
+* Redistributions in binary form must reproduce the above
+  copyright notice, this list of conditions and the
+  following disclaimer in the documentation and/or other
+  materials provided with the distribution.
+
+* Neither the name of jQuery Lightbox nor the names of its
+  contributors may be used to endorse or promote products
+  derived from this software without specific prior
+  written permission of jQuery Lightbox.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED
+WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
+PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR
+ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
+INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR
+TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF
+ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

data/templates/project/sources/jquery-lightbox/README.markdown

@@ -0,0 +1,8 @@
+jQuery Lightbox
+===============
+
+jQuery Lightbox is a simple port of the popular lightbox script, which is based on prototype and scriptaculous, to jQuery.
+
+### Usage
+
+> $('a.lightbox').lightbox();

data/templates/project/sources/jquery-lightbox/css/lightbox.css

@@ -0,0 +1,129 @@
+#lightbox{
+	position: absolute;
+	left: 0;
+	width: 100%;
+	z-index: 100;
+	text-align: center;
+	line-height: 0;
+	}
+
+#lightbox a img{ border: none; }
+
+#outerImageContainer{
+	position: relative;
+	background-color: #fff;
+	width: 250px;
+	height: 250px;
+	margin: 0 auto;
+	}
+
+#imageContainer{
+	padding: 10px;
+	}
+
+#loading{
+	position: absolute;
+	top: 40%;
+	left: 0%;
+	height: 25%;
+	width: 100%;
+	text-align: center;
+	line-height: 0;
+	}
+#hoverNav{
+	position: absolute;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	z-index: 10;
+	}
+#imageContainer>#hoverNav{ left: 0;}
+#hoverNav a{ outline: none;}
+
+#prevLink, #nextLink{
+	width: 49%;
+	height: 100%;
+	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
+	display: block;
+	}
+#prevLink { left: 0; float: left;}
+#nextLink { right: 0; float: right;}
+#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
+#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }
+
+/*** START : next / previous text links ***/
+#nextLinkText, #prevLinkText{
+color: #FF9834;
+font-weight:bold;
+text-decoration: none;
+}
+#nextLinkText{
+padding-left: 20px;
+}
+#prevLinkText{
+padding-right: 20px;
+}
+/*** END : next / previous text links ***/
+/*** START : added padding when navbar is on top ***/
+
+.ontop #imageData {
+    padding-top: 5px;
+}
+
+/*** END : added padding when navbar is on top ***/
+
+#imageDataContainer{
+	font: 10px Verdana, Helvetica, sans-serif;
+	background-color: #fff;
+	margin: 0 auto;
+	line-height: 1.4em;
+	}
+
+#imageData{
+	padding:0 10px;
+	}
+#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
+#imageData #caption{ font-weight: bold;	}
+#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
+#imageData #numberDisplay a { color: black; padding-left: 5px; padding-right: 5px;}
+#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
+#imageData #helpDisplay {clear: left; float: left; display: block; }
+
+#overlay{
+	position: absolute;
+	top: 0;
+	left: 0;
+	z-index: 90;
+	width: 100%;
+	height: 500px;
+	background-color: #000;
+	filter:alpha(opacity=60);
+	-moz-opacity: 0.6;
+	opacity: 0.6 !important;
+	display: none;
+	}
+	
+
+.clearfix:after {
+	content: "."; 
+	display: block; 
+	height: 0; 
+	clear: both; 
+	visibility: hidden;
+	}
+
+* html>body .clearfix {
+	display: inline-block; 
+	width: 100%;
+	}
+
+* html .clearfix {
+	/* Hides from IE-mac \*/
+	height: 1%;
+	/* End hide from IE-mac */
+	}	
+
+#lightboxIframe {
+	display: none;
+}	

data/templates/project/sources/jquery-lightbox/index.html

@@ -0,0 +1,102 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
+<head>
+	
+	<title>jQuery Lightbox | Test Page</title>
+
+	<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
+	
+	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js" type="text/javascript"></script>
+	<script src="jquery.lightbox.js" type="text/javascript"></script>
+	<script>
+		$(document).ready(function(){
+		    base_url = document.location.href.substring(0, document.location.href.indexOf('index.html'), 0);
+		    
+			$(".lightbox").lightbox({
+			    fitToScreen: true,
+			    imageClickClose: false
+		    });
+			
+			$(".lightbox-2").lightbox({
+			    fitToScreen: true,
+			    scaleImages: true,
+			    xScale: 1.2,
+			    yScale: 1.2,
+			    displayDownloadLink: true
+		    });
+			
+			$(".lightbox-json").lightbox({
+			    fitToScreen: true,
+			    jsonData: new Array(
+			        {url: base_url + 'images/image-0.jpg', title: 'Image 1 loaded using JSON data' },
+			        {url: base_url + 'images/image-1.jpg', title: 'Image 2 loaded using JSON data' },
+			        {url: base_url + 'images/image-2.jpg', title: 'Image 3 loaded using JSON data' },
+			        {url: base_url + 'images/image-3.jpg', title: 'Image 4 loaded using JSON data' }
+		        ),
+		        loopImages: true,
+		        imageClickClose: false,
+		        disableNavbarLinks: true
+		    });
+		    
+		    
+		});
+
+	</script>
+
+	<style type="text/css">
+		body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif;	}
+	</style>
+
+</head>
+<body>
+
+
+<h1><a href="http://krewenki.github.com/jquery-lightbox">jQuery Lightbox <em>v0.5</em></a></h1>
+<p>Modified work by <a href="http://krewenki.github.com/">Warren Krewenki</a></p>
+<p>Originally written by <a href="http://www.huddletogether.com">Lokesh Dhakar</a></p>
+
+<h2>Example 1: Single Image</h2>
+<a href="http://farm2.static.flickr.com/1257/1092054504_0857149719_d.jpg" class="lightbox" title="Photo by Warren Krewenki"><img src="http://farm2.static.flickr.com/1257/1092054504_0857149719_t_d.jpg" height="40" alt="" /></a>
+
+<h2>Example 2: Series</h2>
+<a href="http://farm2.static.flickr.com/1036/1092054380_6040129664_d.jpg" class="lightbox-2" rel="flowers" title="Photo by Warren Krewenki"><img src="http://farm2.static.flickr.com/1036/1092054380_6040129664_t_d.jpg" height="40" alt="" /></a>
+<a href="http://farm2.static.flickr.com/1257/1092054504_0857149719_d.jpg" class="lightbox-2" rel="flowers" title="Photo by Warren Krewenki"><img src="http://farm2.static.flickr.com/1257/1092054504_0857149719_t_d.jpg" height="40" alt="" /></a>
+<a href="http://farm4.static.flickr.com/3130/2901336771_ecb32f7462_b_d.jpg" class="lightbox-2" rel="flowers" title="Photo by Warren Krewenki"><img src="http://farm4.static.flickr.com/3130/2901336771_ecb32f7462_t_d.jpg" height="40" alt="" /></a>
+<a href="http://farm4.static.flickr.com/3487/3294395073_55c3e7583e_o_d.jpg" class="lightbox-2" rel="flowers" title="Bedford Basin by Warren Krewenki"><img src="http://farm4.static.flickr.com/3487/3294395073_1051c3daa1_t_d.jpg" height="40" alt="" /></a>
+
+<h2>Example 3: Images loaded using jsonData parameter (thumbnails are static)</h2>
+<a href="http://farm4.static.flickr.com/3130/2901336771_ecb32f7462_b_d.jpg" class="lightbox-json" title="Photo by Warren Krewenki"><img src="http://farm4.static.flickr.com/3130/2901336771_ecb32f7462_t_d.jpg" height="40" alt="" /></a>
+<a href="http://farm4.static.flickr.com/3487/3294395073_55c3e7583e_o_d.jpg" class="lightbox-json" title="Photo by Warren Krewenki"><img src="http://farm4.static.flickr.com/3487/3294395073_1051c3daa1_t_d.jpg" height="40" alt="" /></a>
+
+<h2>How to Use:</h2>
+<h3>Part 1 - Setup</h3>
+<ol>
+<li>jQuery lightbox v0.5 uses the  jQuery Library. You will need to include these two Javascript files in your header.
+<pre><code>&lt;script type=&quot;text/javascript&quot; src=&quot;jquery.js&quot;&gt;&lt;/script&gt;
+&lt;script type=&quot;text/javascript&quot; src=&quot;lightbox.js&quot;&gt;&lt;/script&gt;
+</code></pre>
+</li>
+<li>Include the Lightbox CSS file (or append your active stylesheet with the Lightbox styles).
+<pre><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;css/lightbox.css&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;
+</code></pre>
+</li>
+<li>Check the CSS and make sure the referenced <code>prevlabel.gif</code> and <code>nextlabel.gif</code> files are in the right location. Also, make sure the <code>loading.gif</code> and <code>closelabel.gif</code> files as referenced near the top of the <code>lightbox.js</code> file are in the right location.</li>
+</ol>
+<h3>Part 2 - Activate</h3>
+<ol>
+<li>Add a <code>class="lightbox"</code> attribute to any link tag to activate the lightbox. For example:
+<pre><code>&lt;a href=&quot;images/image-1.jpg&quot; class=&quot;lightbox&quot; title=&quot;my caption&quot;&gt;image #1&lt;/a&gt;
+</code></pre>
+<em>Optional: </em>Use the <code>title</code> attribute if you want to show a caption.		</li>
+<li>If you have a set of related images that you would like to group, follow step one but additionally include a group name in the rel attribute. For example: 
+<pre><code>&lt;a href=&quot;images/image-1.jpg&quot; class=&quot;lightbox&quot; rel=&quot;roadtrip&quot;&gt;image #1&lt;/a&gt;
+&lt;a href=&quot;images/image-2.jpg&quot; class=&quot;lightbox&quot; rel=&quot;roadtrip&quot;&gt;image #2&lt;/a&gt;
+&lt;a href=&quot;images/image-3.jpg&quot; class=&quot;lightbox&quot; rel=&quot;roadtrip&quot;&gt;image #3&lt;/a&gt;
+</code></pre>
+No limits to the number of image sets per page or how many images are allowed in each set. Go nuts!</li>
+</ol>	
+
+
+</body>
+</html>

data/templates/project/sources/jquery-lightbox/jquery.lightbox.js

@@ -0,0 +1,515 @@
+/**
+ * jQuery Lightbox
+ * @author Warren Krewenki
+ *
+ * This package is distributed under the BSD license.
+ * For full license information, see LICENSE.TXT
+ *
+ * Based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
+ *
+ *
+ **/
+
+(function($) {
+	$.fn.lightbox = function(options) {
+		// build main options
+		var opts = $.extend({}, $.fn.lightbox.defaults, options);
+        
+		$(window).resize(resizeOverlayToFitWindow);
+
+		return $(this).live("click",function(){
+			// initialize the lightbox
+			initialize();
+			showLightbox(this);
+			return false;
+		});
+		
+		/*
+		# Initialize the lightbox by creating our html and reading some image data
+		# This method is called by the constructor after any click events trigger it
+		# You will never call it by itself, to my knowledge.
+		*/
+		function initialize() {
+			$('#overlay, #lightbox').remove();
+			opts.inprogress = false;
+
+			// if jsonData, build the imageArray from data provided in JSON format
+			if (opts.jsonData && opts.jsonData.length > 0) {
+				var parser = opts.jsonDataParser ? opts.jsonDataParser : $.fn.lightbox.parseJsonData;                
+				opts.imageArray = [];
+				opts.imageArray = parser(opts.jsonData);
+			}
+    
+			var outerImage = '<div id="outerImageContainer"><div id="imageContainer"><iframe id="lightboxIframe"></iframe><img id="lightboxImage" /><div id="hoverNav"><a href="javascript://" title="' + opts.strings.prevLinkTitle + '" id="prevLink"></a><a href="javascript://" id="nextLink" title="' + opts.strings.nextLinkTitle + '"></a></div><div id="loading"><a href="javascript://" id="loadingLink"><img src="'+opts.fileLoadingImage+'"></a></div></div></div>';
+			var imageData = '<div id="imageDataContainer" class="clearfix"><div id="imageData"><div id="imageDetails"><span id="caption"></span><span id="numberDisplay"></span></div><div id="bottomNav">';
+
+			if (opts.displayHelp) {
+				imageData += '<span id="helpDisplay">' + opts.strings.help + '</span>';
+			}
+
+			imageData += '<a href="javascript://" id="bottomNavClose" title="' + opts.strings.closeTitle + '"><img src="'+opts.fileBottomNavCloseImage+'"></a></div></div></div>';
+
+			var string;
+
+			if (opts.navbarOnTop) {
+				string = '<div id="overlay"></div><div id="lightbox">' + imageData + outerImage + '</div>';
+				$("body").append(string);
+				$("#imageDataContainer").addClass('ontop');
+			} else {
+				string = '<div id="overlay"></div><div id="lightbox">' + outerImage + imageData + '</div>';
+				$("body").append(string);
+			}
+
+			$("#overlay, #lightbox").click(function(){ end(); }).hide();
+			$("#loadingLink, #bottomNavClose").click(function(){ end(); return false;});
+			$('#outerImageContainer').width(opts.widthCurrent).height(opts.heightCurrent);
+			$('#imageDataContainer').width(opts.widthCurrent);
+
+			if (!opts.imageClickClose) {
+				$("#lightboxImage").click(function(){ return false; });
+				$("#hoverNav").click(function(){ return false; });
+			}
+			
+			return true;
+		};
+
+		/*
+		# Get the document and window width/heigh
+		#
+		# Examples
+		#
+		#	getPageSize()
+		#	# => [1024,768,1024,768]
+		#
+		# Returns a numerically indexed array of document width/height and window width/height
+		*/
+		function getPageSize() {
+			var jqueryPageSize = new Array($(document).width(),$(document).height(), $(window).width(), $(window).height());
+			return jqueryPageSize;
+		};
+	    
+		function getPageScroll() {
+			var xScroll, yScroll;
+
+			if (self.pageYOffset) {
+				yScroll = self.pageYOffset;
+				xScroll = self.pageXOffset;
+			} else if (document.documentElement && document.documentElement.scrollTop){  // Explorer 6 Strict
+				yScroll = document.documentElement.scrollTop;
+				xScroll = document.documentElement.scrollLeft;
+			} else if (document.body) {// all other Explorers
+				yScroll = document.body.scrollTop;
+				xScroll = document.body.scrollLeft;
+			}
+
+			var arrayPageScroll = new Array(xScroll,yScroll);
+			return arrayPageScroll;
+		};
+
+		/*
+		# Pause execution for a length of time
+		#
+		# ms - Number of milliseconds to pause execution
+		#
+		# Examples
+		#
+		#	pause(500)
+		#	# => true
+		# This runs an ugly loop until the execution time has passed
+		# It is a horrible, horrible method and I wish to dispense with it, maybe via timeouts or something.
+		# Really, this thing is nasty.  I think it had a really bad childhood or something.  I mean, it is
+		# incredibly cruel to your browser, and to my self esteem. I didn't want to write it. I didn't want to include
+		# it in my library, what with it's sexy overlay and whatnot, but here it is 4 years later and this thing lives on.
+		# Please don't upset it, i've been told it will eat your dreams.
+		*/
+		function pause(ms) {
+			var date = new Date();
+			var curDate = null;
+			do{curDate = new Date();}
+			while(curDate - date < ms);
+		};
+	    
+
+		/*
+		# Deploy the sexy overlay and display the lightbox
+		#
+		# imageObject - the jQuery object passed via the click event in the constructor
+		#
+		# Examples
+		#
+		#	showLightbox($('#CheesusCrust'))
+		#
+		# Returns a boolean true, because it's got nothing else to return. It should give visual feedback when run
+		*/
+		function showLightbox(imageObject) {
+			/**
+			* select, embed and object tags render over the lightbox in some browsers
+			* Right now, the best way to fix it is to hide them, but that can trigger reloading of some flash content
+			* I don't have a better fix for this right now, but I want ot leave this comment here so you and I both 
+			* know that i'm aware of it, and I would love to fix it, if you have any suggestions.
+			**/
+			$("select, embed, object").hide();
+
+			// Resize and display the sexy, sexy overlay.
+			resizeOverlayToFitWindow();
+			$("#overlay").hide().css({ opacity : opts.overlayOpacity }).fadeIn();
+			imageNum = 0;
+
+			// if data is not provided by jsonData parameter
+			if (!opts.jsonData) {
+				opts.imageArray = [];
+				// if image is NOT part of a set..
+				if ((!imageObject.rel || (imageObject.rel == '')) && !opts.allSet) {
+					// add single image to Lightbox.imageArray
+					opts.imageArray.push(new Array(imageObject.href, opts.displayTitle ? imageObject.title : ''));
+				} else {
+					// if image is part of a set..
+					$("a").each(function() {
+						if(this.href && (this.rel == imageObject.rel)) {
+							opts.imageArray.push(new Array(this.href, opts.displayTitle ? this.title : ''));
+						}
+					});
+				}
+			}
+	
+			if (opts.imageArray.length > 1) {
+				for (i = 0; i < opts.imageArray.length; i++) {
+					for (j = opts.imageArray.length - 1; j > i; j--) {
+						if (opts.imageArray[i][0] == opts.imageArray[j][0]) {
+							opts.imageArray.splice(j, 1);
+						}
+					}
+				}
+
+				while (opts.imageArray[imageNum][0] != imageObject.href) { 
+					imageNum++;
+				}
+			}
+
+			// calculate top and left offset for the lightbox
+			var arrayPageScroll = getPageScroll();
+			var lightboxTop = arrayPageScroll[1] + ($(window).height() / 10);
+			var lightboxLeft = arrayPageScroll[0];
+			$('#lightbox').css({top: lightboxTop+'px', left: lightboxLeft+'px'}).show();
+
+			if (!opts.slideNavBar) {
+				$('#imageData').hide();
+			}
+
+			changeImage(imageNum);
+		};
+	    
+		function changeImage(imageNum) {
+			if (opts.inprogress == false) {
+				opts.inprogress = true;
+
+				// update global var
+				opts.activeImage = imageNum;	
+
+				// hide elements during transition
+				$('#loading').show();
+				$('#lightboxImage, #hoverNav, #prevLink, #nextLink').hide();
+
+				// delay preloading image until navbar will slide up
+				if (opts.slideNavBar) { 
+					$('#imageDataContainer').hide();
+					$('#imageData').hide();
+				}
+				doChangeImage();
+			}
+		};
+
+		function doChangeImage() {
+			imgPreloader = new Image();
+
+			// once image is preloaded, resize image container
+			imgPreloader.onload = function() {
+				var newWidth = imgPreloader.width;
+				var newHeight = imgPreloader.height;
+
+				if (opts.scaleImages) {
+					newWidth = parseInt(opts.xScale * newWidth);
+					newHeight = parseInt(opts.yScale * newHeight);
+				}
+
+				if (opts.fitToScreen) {
+					var arrayPageSize = getPageSize();
+					var ratio;
+					var initialPageWidth = arrayPageSize[2] - 2 * opts.borderSize;
+					var initialPageHeight = arrayPageSize[3] - 200;
+
+					var dI = initialPageWidth/initialPageHeight;
+					var dP = imgPreloader.width/imgPreloader.height;
+
+					if ((imgPreloader.height > initialPageHeight) || (imgPreloader.width > initialPageWidth)) {
+						if (dI > dP) {
+							newWidth = parseInt((initialPageHeight/imgPreloader.height) * imgPreloader.width);
+							newHeight = initialPageHeight;
+						} else {
+							newHeight = parseInt((initialPageWidth/imgPreloader.width) * imgPreloader.height);
+							newWidth = initialPageWidth;
+						}
+					}
+				}
+
+				$('#lightboxImage').
+					attr('src', opts.imageArray[opts.activeImage][0]).
+					width(newWidth).
+					height(newHeight);
+
+					resizeImageContainer(newWidth, newHeight);
+				};
+
+				imgPreloader.src = opts.imageArray[opts.activeImage][0];
+			};
+
+			function end() {
+				disableKeyboardNav();
+				$('#lightbox').hide();
+				$('#overlay').fadeOut();
+				$('select, object, embed').show();
+			};
+
+			function preloadNeighborImages() {
+				if (opts.loopImages && opts.imageArray.length > 1) {
+					preloadNextImage = new Image();
+					preloadNextImage.src = opts.imageArray[(opts.activeImage == (opts.imageArray.length - 1)) ? 0 : opts.activeImage + 1][0];
+
+					preloadPrevImage = new Image();
+					preloadPrevImage.src = opts.imageArray[(opts.activeImage == 0) ? (opts.imageArray.length - 1) : opts.activeImage - 1][0];
+				} else {
+					if ((opts.imageArray.length - 1) > opts.activeImage) {
+						preloadNextImage = new Image();
+						preloadNextImage.src = opts.imageArray[opts.activeImage + 1][0];
+					}
+					if (opts.activeImage > 0) {
+						preloadPrevImage = new Image();
+						preloadPrevImage.src = opts.imageArray[opts.activeImage - 1][0];
+					}
+				}
+			};
+
+			function resizeImageContainer(imgWidth, imgHeight) {
+				// get current width and height
+				opts.widthCurrent = $("#outerImageContainer").outerWidth();
+				opts.heightCurrent = $("#outerImageContainer").outerHeight();
+
+				// get new width and height
+				var widthNew = Math.max(350, imgWidth  + (opts.borderSize * 2));
+				var heightNew = (imgHeight  + (opts.borderSize * 2));
+
+				// calculate size difference between new and old image, and resize if necessary
+				wDiff = opts.widthCurrent - widthNew;
+				hDiff = opts.heightCurrent - heightNew;
+
+				$('#imageDataContainer').animate({width: widthNew},opts.resizeSpeed,'linear');
+				$('#outerImageContainer').animate({width: widthNew},opts.resizeSpeed,'linear', function() {
+					$('#outerImageContainer').animate({height: heightNew},opts.resizeSpeed,'linear', function() {
+						showImage();
+					});
+				});
+
+				// if new and old image are same size and no scaling transition is necessary,
+				// do a quick pause to prevent image flicker.
+				if((hDiff == 0) && (wDiff == 0)) {
+					if (jQuery.browser.msie) { 
+						pause(250); 
+					} else { 
+						pause(100);
+					}
+				}
+
+				$('#prevLink').height(imgHeight);
+				$('#nextLink').height(imgHeight);
+			};
+
+			function showImage() {
+				$('#loading').hide();
+				$('#lightboxImage').fadeIn("fast");
+				updateDetails();
+				preloadNeighborImages();
+
+				opts.inprogress = false;
+			};
+
+			function updateDetails() {
+				$('#numberDisplay').html('');
+
+				if (opts.imageArray[opts.activeImage][1]) {
+					$('#caption').html(opts.imageArray[opts.activeImage][1]).show();
+				}
+
+				// if image is part of set display 'Image x of x'
+				if (opts.imageArray.length > 1) {
+					var nav_html;
+
+					nav_html = opts.strings.image + (opts.activeImage + 1) + opts.strings.of + opts.imageArray.length;
+
+					if (opts.displayDownloadLink) {
+						nav_html += "<a href='" + opts.imageArray[opts.activeImage][0] + "'>" + opts.strings.download + "</a>";
+					}				
+
+					if (!opts.disableNavbarLinks) {
+						// display previous / next text links
+						if ((opts.activeImage) > 0 || opts.loopImages) {
+							nav_html = '<a title="' + opts.strings.prevLinkTitle + '" href="#" id="prevLinkText">' + opts.strings.prevLinkText + "</a>" + nav_html;
+						}
+
+						if (((opts.activeImage + 1) < opts.imageArray.length) || opts.loopImages) {
+							nav_html += '<a title="' + opts.strings.nextLinkTitle + '" href="#" id="nextLinkText">' + opts.strings.nextLinkText + "</a>";
+						}
+					}
+
+					$('#numberDisplay').html(nav_html).show();
+				}
+
+				if (opts.slideNavBar) {
+					$("#imageData").slideDown(opts.navBarSlideSpeed);
+				} else {
+					$("#imageData").show();
+				}
+
+				resizeOverlayToFitWindow();
+				updateNav();
+			};
+
+			/*
+			# Resize the sexy overlay to fit the constraints of your current viewing environment
+			# 
+			# This should now happen whenever a window is resized, so you should always see a full overlay
+			*/
+			function resizeOverlayToFitWindow(){
+				$('#overlay').css({width: $(document).width(), height: $(document).height()});
+				//  ^^^^^^^ <- sexy!
+			};
+
+			function updateNav() {
+				if (opts.imageArray.length > 1) {
+					$('#hoverNav').show();
+
+					// if loopImages is true, always show next and prev image buttons 
+					if(opts.loopImages) {
+						$('#prevLink,#prevLinkText').show().click(function() {
+							changeImage((opts.activeImage == 0) ? (opts.imageArray.length - 1) : opts.activeImage - 1); 
+							return false;
+						});
+
+						$('#nextLink,#nextLinkText').show().click(function() {
+							changeImage((opts.activeImage == (opts.imageArray.length - 1)) ? 0 : opts.activeImage + 1); 
+							return false;
+						});
+
+					} else {
+						// if not first image in set, display prev image button
+						if(opts.activeImage != 0) {
+							$('#prevLink,#prevLinkText').show().click(function() {
+								changeImage(opts.activeImage - 1); 
+								return false;
+							});
+						}
+
+						// if not last image in set, display next image button
+						if(opts.activeImage != (opts.imageArray.length - 1)) {
+							$('#nextLink,#nextLinkText').show().click(function() {
+								changeImage(opts.activeImage +1); 
+								return false;
+							});
+						}
+					}
+
+					enableKeyboardNav();
+				}
+			};
+
+			function keyboardAction(e) {
+				var o = e.data.opts;
+				var keycode = e.keyCode;
+				var escapeKey = 27;
+
+				var key = String.fromCharCode(keycode).toLowerCase();
+
+				// close lightbox
+				if ((key == 'x') || (key == 'o') || (key == 'c') || (keycode == escapeKey)) { 
+					end();
+
+					// display previous image	
+				} else if ((key == 'p') || (keycode == 37)) {  
+					if(o.loopImages) {
+						disableKeyboardNav();
+						changeImage((o.activeImage == 0) ? (o.imageArray.length - 1) : o.activeImage - 1);
+					} else if (o.activeImage != 0) {
+						disableKeyboardNav();
+						changeImage(o.activeImage - 1);
+					}
+
+					// display next image
+				} else if ((key == 'n') || (keycode == 39)) { 
+					if (opts.loopImages) {
+						disableKeyboardNav();
+						changeImage((o.activeImage == (o.imageArray.length - 1)) ? 0 : o.activeImage + 1);
+					} else if (o.activeImage != (o.imageArray.length - 1)) {
+						disableKeyboardNav();
+						changeImage(o.activeImage + 1);
+					}
+				}
+			};
+
+			function enableKeyboardNav() {
+				$(document).bind('keydown', {opts: opts}, keyboardAction);
+			};
+
+			function disableKeyboardNav() {
+				$(document).unbind('keydown');
+			};	    
+		};
+
+		$.fn.lightbox.parseJsonData = function(data) {
+			var imageArray = [];
+
+			$.each(data, function() {
+				imageArray.push(new Array(this.url, this.title));
+			});
+
+			return imageArray;
+		};
+
+		$.fn.lightbox.defaults = {
+			allSet: false,
+			fileLoadingImage: 'images/loading.gif',
+			fileBottomNavCloseImage: 'images/closelabel.gif',
+			overlayOpacity: 0.6,
+			borderSize: 10,
+			imageArray: new Array,
+			activeImage: null,
+			inprogress: false,
+			resizeSpeed: 350,
+			widthCurrent: 250,
+			heightCurrent: 250,
+			scaleImages: false,
+			xScale: 1,
+			yScale: 1,
+			displayTitle: true,
+			navbarOnTop: false,
+			displayDownloadLink: false,
+			slideNavBar: false, 
+			navBarSlideSpeed: 350,
+			displayHelp: false,
+			strings: {
+				help: ' \u2190 / P - previous image\u00a0\u00a0\u00a0\u00a0\u2192 / N - next image\u00a0\u00a0\u00a0\u00a0ESC / X - close image gallery',
+				prevLinkTitle: 'previous image',
+				nextLinkTitle: 'next image',
+				prevLinkText:  '&laquo; Previous',
+				nextLinkText:  'Next &raquo;',
+				closeTitle: 'close image gallery',
+				image: 'Image ',
+				of: ' of ',
+				download: 'Download'
+			},
+			fitToScreen: false,		
+			disableNavbarLinks: false,
+			loopImages: false,
+			imageClickClose: true,
+			jsonData: null,
+			jsonDataParser: null
+		};	
+})(jQuery);