From faf45ef1893dc3dc7509eec5ba614fc3c8d8d874 Mon Sep 17 00:00:00 2001
From: Dan Barber <danbee@gmail.com>
Date: Wed, 10 Mar 2010 12:40:14 +0000
Subject: [PATCH] + Added links to preview image. ~ Changed preview size to
 600px. ~ Styled links.

---
 images/images.php      | 2 +-
 images/style/style.css | 9 ++++++++-
 lib/js/main.js         | 7 ++++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/images/images.php b/images/images.php
index 67fa4a1..5c7b2bc 100644
--- a/images/images.php
+++ b/images/images.php
@@ -33,7 +33,7 @@
 			$imageurl = $prot . '://' . $host . $root . '/image.php?user=' . $user . '&amp;image=' . $file;
 			echo	'<li><div class="image">' .
 					'<a class="imagedel" href="?action=del&image='.$file.'"></a>' .
-					'<a rel="userimages" class="imagelink" href="'.$imageurl.'&size=580" title="'.htmlentities($imageurl).'">' .
+					'<a rel="userimages" class="imagelink" href="'.$imageurl.'&size=600" title="'.htmlentities($imageurl).'">' .
 					'<img src="', $imageurl, '&size=96" />' .
 					'</a>' .
 					'</div>' .
diff --git a/images/style/style.css b/images/style/style.css
index 3567ea0..a790fd9 100644
--- a/images/style/style.css
+++ b/images/style/style.css
@@ -20,6 +20,13 @@ input.imagelink {
 	-moz-border-radius: 3px;
 	-webkit-border-radius: 3px;
 }
+a {
+	text-decoration: none;
+	color: #999;
+}
+a:hover {
+	color: #333;
+}
 .button {
 	border-top: 1px solid #aaa;
 	border-left: 1px solid #aaa;
@@ -76,4 +83,4 @@ ul#images li .image img {
 }
 .progress {
 	font-weight: bold;
-}
\ No newline at end of file
+}
diff --git a/lib/js/main.js b/lib/js/main.js
index 2430fa5..d41f1e5 100644
--- a/lib/js/main.js
+++ b/lib/js/main.js
@@ -14,7 +14,8 @@ $(function() {
 				$(this).select();
 			});
 			$('a.imagelink').fancybox({
-				'titlePosition': 'inside'
+				'titlePosition': 'inside',
+				'titleFormat': formatTitle
 			});
 			$('.imagedel').click(function() {
 				return confirm('Are you sure you wish to delete that image? This cannot be undone.');
@@ -22,6 +23,10 @@ $(function() {
 		});
 	}
 	
+	function formatTitle(title, currentArray, currentIndex, currentOpts) {
+		return '<a href="'+title+'">Original</a> | <a href="'+title+'&size=600">Large (600px)</a> | <a href="'+title+'&size=300">Medium (300px)</a> | <a href="'+title+'&size=100">Thumb (100px)</a>';
+	}
+	
 	var uploader = new plupload.Uploader({
 		runtimes : 'gears,html5,flash,silverlight',
 		browse_button : 'pickfiles',