sweetie 0.0.2 → 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (65) hide show
  1. data/.gitignore +6 -0
  2. data/.travis.yml +2 -0
  3. data/Rakefile +4 -5
  4. data/bin/sweetie +3 -3
  5. data/lib/sweetie/conversion.rb +131 -0
  6. data/lib/sweetie.rb +4 -93
  7. data/spec/source/_config.yml +18 -0
  8. data/spec/source/site/404.html +1 -0
  9. data/spec/source/site/about.html +66 -0
  10. data/spec/source/site/archiv.html +70 -0
  11. data/spec/source/site/atom.xml +60 -0
  12. data/spec/source/site/colophon.html +73 -0
  13. data/spec/source/site/contact.html +67 -0
  14. data/spec/source/site/css/config.rb +24 -0
  15. data/spec/source/site/css/sass/site.sass +180 -0
  16. data/spec/source/site/css/stylesheets/iphone.css +17 -0
  17. data/spec/source/site/css/stylesheets/site.css +246 -0
  18. data/spec/source/site/css/stylesheets/syntax.css +60 -0
  19. data/spec/source/site/follow.html +79 -0
  20. data/spec/source/site/images/2_avatars.gif +0 -0
  21. data/spec/source/site/images/favicon.png +0 -0
  22. data/spec/source/site/images/images-global/matthias_guenther.jpg +0 -0
  23. data/spec/source/site/images/images-global/matthias_guenther_thumbnail_normal.jpg +0 -0
  24. data/spec/source/site/images/images-global/matthias_guenther_thumbnail_small.jpg +0 -0
  25. data/spec/source/site/images/images-global/zoom/closebox.png +0 -0
  26. data/spec/source/site/images/images-global/zoom/zoom-caption-fill.png +0 -0
  27. data/spec/source/site/images/images-global/zoom/zoom-caption-l.png +0 -0
  28. data/spec/source/site/images/images-global/zoom/zoom-caption-r.png +0 -0
  29. data/spec/source/site/images/images-global/zoom/zoom-shadow1.png +0 -0
  30. data/spec/source/site/images/images-global/zoom/zoom-shadow2.png +0 -0
  31. data/spec/source/site/images/images-global/zoom/zoom-shadow3.png +0 -0
  32. data/spec/source/site/images/images-global/zoom/zoom-shadow4.png +0 -0
  33. data/spec/source/site/images/images-global/zoom/zoom-shadow5.png +0 -0
  34. data/spec/source/site/images/images-global/zoom/zoom-shadow6.png +0 -0
  35. data/spec/source/site/images/images-global/zoom/zoom-shadow7.png +0 -0
  36. data/spec/source/site/images/images-global/zoom/zoom-shadow8.png +0 -0
  37. data/spec/source/site/images/images-global/zoom/zoom-spin-1.png +0 -0
  38. data/spec/source/site/images/images-global/zoom/zoom-spin-10.png +0 -0
  39. data/spec/source/site/images/images-global/zoom/zoom-spin-11.png +0 -0
  40. data/spec/source/site/images/images-global/zoom/zoom-spin-12.png +0 -0
  41. data/spec/source/site/images/images-global/zoom/zoom-spin-2.png +0 -0
  42. data/spec/source/site/images/images-global/zoom/zoom-spin-3.png +0 -0
  43. data/spec/source/site/images/images-global/zoom/zoom-spin-4.png +0 -0
  44. data/spec/source/site/images/images-global/zoom/zoom-spin-5.png +0 -0
  45. data/spec/source/site/images/images-global/zoom/zoom-spin-6.png +0 -0
  46. data/spec/source/site/images/images-global/zoom/zoom-spin-7.png +0 -0
  47. data/spec/source/site/images/images-global/zoom/zoom-spin-8.png +0 -0
  48. data/spec/source/site/images/images-global/zoom/zoom-spin-9.png +0 -0
  49. data/spec/source/site/images/rails3.jpg +0 -0
  50. data/spec/source/site/index.html +121 -0
  51. data/spec/source/site/js/FancyZoom.js +761 -0
  52. data/spec/source/site/js/FancyZoomHTML.js +318 -0
  53. data/spec/source/site/robots.txt +4 -0
  54. data/spec/source/site/sitemap.xml +17 -0
  55. data/spec/source/site/test/config.rb +24 -0
  56. data/spec/source/site/test/sass/ie.scss +5 -0
  57. data/spec/source/site/test/sass/print.scss +3 -0
  58. data/spec/source/site/test/sass/screen.scss +6 -0
  59. data/spec/source/site/test/stylesheets/ie.css +5 -0
  60. data/spec/source/site/test/stylesheets/print.css +3 -0
  61. data/spec/source/site/test/stylesheets/screen.css +69 -0
  62. data/spec/source/site/why-i-use-jekyll-for-blogging.html +125 -0
  63. data/spec/sweetie_spec.rb +30 -0
  64. data/sweetie.gemspec +26 -0
  65. metadata +86 -9
data/spec/source/site/js/FancyZoom.js ADDED
@@ -0,0 +1,761 @@
1
+ // FancyZoom.js - v1.1 - http://www.fancyzoom.com
2
+ //
3
+ // Copyright (c) 2008 Cabel Sasser / Panic Inc
4
+ // All rights reserved.
5
+ //
6
+ // Requires: FancyZoomHTML.js
7
+ // Instructions: Include JS files in page, call setupZoom() in onLoad. That's it!
8
+ // Any <a href> links to images will be updated to zoom inline.
9
+ // Add rel="nozoom" to your <a href> to disable zooming for an image.
10
+ //
11
+ // Redistribution and use of this effect in source form, with or without modification,
12
+ // are permitted provided that the following conditions are met:
13
+ //
14
+ // * USE OF SOURCE ON COMMERCIAL (FOR-PROFIT) WEBSITE REQUIRES ONE-TIME LICENSE FEE PER DOMAIN.
15
+ // Reasonably priced! Visit www.fancyzoom.com for licensing instructions. Thanks!
16
+ //
17
+ // * Non-commercial (personal) website use is permitted without license/payment!
18
+ //
19
+ // * Redistribution of source code must retain the above copyright notice,
20
+ // this list of conditions and the following disclaimer.
21
+ //
22
+ // * Redistribution of source code and derived works cannot be sold without specific
23
+ // written prior permission.
24
+ //
25
+ // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
26
+ // "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
27
+ // LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
28
+ // A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR
29
+ // CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
30
+ // EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
31
+ // PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
32
+ // PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
33
+ // LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
34
+ // NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
35
+ // SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
36
+
37
+ var includeCaption = true; // Turn on the "caption" feature, and write out the caption HTML
38
+ var zoomTime = 5; // Milliseconds between frames of zoom animation
39
+ var zoomSteps = 15; // Number of zoom animation frames
40
+ var includeFade = 1; // Set to 1 to fade the image in / out as it zooms
41
+ var minBorder = 90; // Amount of padding between large, scaled down images, and the window edges
42
+ var shadowSettings = '0px 5px 25px rgba(0, 0, 0, '; // Blur, radius, color of shadow for compatible browsers
43
+
44
+ var zoomImagesURI = '/images/images-global/zoom/'; // Location of the zoom and shadow images
45
+
46
+ // Init. Do not add anything below this line, unless it's something awesome.
47
+
48
+ var myWidth = 0, myHeight = 0, myScroll = 0; myScrollWidth = 0; myScrollHeight = 0;
49
+ var zoomOpen = false, preloadFrame = 1, preloadActive = false, preloadTime = 0, imgPreload = new Image();
50
+ var preloadAnimTimer = 0;
51
+
52
+ var zoomActive = new Array(); var zoomTimer = new Array();
53
+ var zoomOrigW = new Array(); var zoomOrigH = new Array();
54
+ var zoomOrigX = new Array(); var zoomOrigY = new Array();
55
+
56
+ var zoomID = "ZoomBox";
57
+ var theID = "ZoomImage";
58
+ var zoomCaption = "ZoomCaption";
59
+ var zoomCaptionDiv = "ZoomCapDiv";
60
+
61
+ if (navigator.userAgent.indexOf("MSIE") != -1) {
62
+ var browserIsIE = true;
63
+ }
64
+
65
+ // Zoom: Setup The Page! Called in your <body>'s onLoad handler.
66
+
67
+ function setupZoom() {
68
+ prepZooms();
69
+ insertZoomHTML();
70
+ zoomdiv = document.getElementById(zoomID);
71
+ zoomimg = document.getElementById(theID);
72
+ }
73
+
74
+ // Zoom: Inject Javascript functions into hrefs pointing to images, one by one!
75
+ // Skip any href that contains a rel="nozoom" tag.
76
+ // This is done at page load time via an onLoad() handler.
77
+
78
+ function prepZooms() {
79
+ if (! document.getElementsByTagName) {
80
+ return;
81
+ }
82
+ var links = document.getElementsByTagName("a");
83
+ for (i = 0; i < links.length; i++) {
84
+ if (links[i].getAttribute("href")) {
85
+ if (links[i].getAttribute("href").search(/(.*)\.(jpg|jpeg|gif|png|bmp|tif|tiff)/gi) != -1) {
86
+ if (links[i].getAttribute("rel") != "nozoom") {
87
+ links[i].onclick = function (event) { return zoomClick(this, event); };
88
+ links[i].onmouseover = function () { zoomPreload(this); };
89
+ }
90
+ }
91
+ }
92
+ }
93
+ }
94
+
95
+ // Zoom: Load an image into an image object. When done loading, function sets preloadActive to false,
96
+ // so other bits know that they can proceed with the zoom.
97
+ // Preloaded image is stored in imgPreload and swapped out in the zoom function.
98
+
99
+ function zoomPreload(from) {
100
+
101
+ var theimage = from.getAttribute("href");
102
+
103
+ // Only preload if we have to, i.e. the image isn't this image already
104
+
105
+ if (imgPreload.src.indexOf(from.getAttribute("href").substr(from.getAttribute("href").lastIndexOf("/"))) == -1) {
106
+ preloadActive = true;
107
+ imgPreload = new Image();
108
+
109
+ // Set a function to fire when the preload is complete, setting flags along the way.
110
+
111
+ imgPreload.onload = function() {
112
+ preloadActive = false;
113
+ }
114
+
115
+ // Load it!
116
+ imgPreload.src = theimage;
117
+ }
118
+ }
119
+
120
+ // Zoom: Start the preloading animation cycle.
121
+
122
+ function preloadAnimStart() {
123
+ preloadTime = new Date();
124
+ document.getElementById("ZoomSpin").style.left = (myWidth / 2) + 'px';
125
+ document.getElementById("ZoomSpin").style.top = ((myHeight / 2) + myScroll) + 'px';
126
+ document.getElementById("ZoomSpin").style.visibility = "visible";
127
+ preloadFrame = 1;
128
+ document.getElementById("SpinImage").src = zoomImagesURI+'zoom-spin-'+preloadFrame+'.png';
129
+ preloadAnimTimer = setInterval("preloadAnim()", 100);
130
+ }
131
+
132
+ // Zoom: Display and ANIMATE the jibber-jabber widget. Once preloadActive is false, bail and zoom it up!
133
+
134
+ function preloadAnim(from) {
135
+ if (preloadActive != false) {
136
+ document.getElementById("SpinImage").src = zoomImagesURI+'zoom-spin-'+preloadFrame+'.png';
137
+ preloadFrame++;
138
+ if (preloadFrame > 12) preloadFrame = 1;
139
+ } else {
140
+ document.getElementById("ZoomSpin").style.visibility = "hidden";
141
+ clearInterval(preloadAnimTimer);
142
+ preloadAnimTimer = 0;
143
+ zoomIn(preloadFrom);
144
+ }
145
+ }
146
+
147
+ // ZOOM CLICK: We got a click! Should we do the zoom? Or wait for the preload to complete?
148
+ // todo?: Double check that imgPreload src = clicked src
149
+
150
+ function zoomClick(from, evt) {
151
+
152
+ var shift = getShift(evt);
153
+
154
+ // Check for Command / Alt key. If pressed, pass them through -- don't zoom!
155
+ if (! evt && window.event && (window.event.metaKey || window.event.altKey)) {
156
+ return true;
157
+ } else if (evt && (evt.metaKey|| evt.altKey)) {
158
+ return true;
159
+ }
160
+
161
+ // Get browser dimensions
162
+ getSize();
163
+
164
+ // If preloading still, wait, and display the spinner.
165
+ if (preloadActive == true) {
166
+ // But only display the spinner if it's not already being displayed!
167
+ if (preloadAnimTimer == 0) {
168
+ preloadFrom = from;
169
+ preloadAnimStart();
170
+ }
171
+ } else {
172
+ // Otherwise, we're loaded: do the zoom!
173
+ zoomIn(from, shift);
174
+ }
175
+
176
+ return false;
177
+
178
+ }
179
+
180
+ // Zoom: Move an element in to endH endW, using zoomHost as a starting point.
181
+ // "from" is an object reference to the href that spawned the zoom.
182
+
183
+ function zoomIn(from, shift) {
184
+
185
+ zoomimg.src = from.getAttribute("href");
186
+
187
+ // Determine the zoom settings from where we came from, the element in the <a>.
188
+ // If there's no element in the <a>, or we can't get the width, make stuff up
189
+
190
+ if (from.childNodes[0].width) {
191
+ startW = from.childNodes[0].width;
192
+ startH = from.childNodes[0].height;
193
+ startPos = findElementPos(from.childNodes[0]);
194
+ } else {
195
+ startW = 50;
196
+ startH = 12;
197
+ startPos = findElementPos(from);
198
+ }
199
+
200
+ hostX = startPos[0];
201
+ hostY = startPos[1];
202
+
203
+ // Make up for a scrolled containing div.
204
+ // TODO: This HAS to move into findElementPos.
205
+
206
+ if (document.getElementById('scroller')) {
207
+ hostX = hostX - document.getElementById('scroller').scrollLeft;
208
+ }
209
+
210
+ // Determine the target zoom settings from the preloaded image object
211
+
212
+ endW = imgPreload.width;
213
+ endH = imgPreload.height;
214
+
215
+ // Start! But only if we're not zooming already!
216
+
217
+ if (zoomActive[theID] != true) {
218
+
219
+ // Clear everything out just in case something is already open
220
+
221
+ if (document.getElementById("ShadowBox")) {
222
+ document.getElementById("ShadowBox").style.visibility = "hidden";
223
+ } else if (! browserIsIE) {
224
+
225
+ // Wipe timer if shadow is fading in still
226
+ if (fadeActive["ZoomImage"]) {
227
+ clearInterval(fadeTimer["ZoomImage"]);
228
+ fadeActive["ZoomImage"] = false;
229
+ fadeTimer["ZoomImage"] = false;
230
+ }
231
+
232
+ document.getElementById("ZoomImage").style.webkitBoxShadow = shadowSettings + '0.0)';
233
+ }
234
+
235
+ document.getElementById("ZoomClose").style.visibility = "hidden";
236
+
237
+ // Setup the CAPTION, if existing. Hide it first, set the text.
238
+
239
+ if (includeCaption) {
240
+ document.getElementById(zoomCaptionDiv).style.visibility = "hidden";
241
+ if (from.getAttribute('title') && includeCaption) {
242
+ // Yes, there's a caption, set it up
243
+ document.getElementById(zoomCaption).innerHTML = from.getAttribute('title');
244
+ } else {
245
+ document.getElementById(zoomCaption).innerHTML = "";
246
+ }
247
+ }
248
+
249
+ // Store original position in an array for future zoomOut.
250
+
251
+ zoomOrigW[theID] = startW;
252
+ zoomOrigH[theID] = startH;
253
+ zoomOrigX[theID] = hostX;
254
+ zoomOrigY[theID] = hostY;
255
+
256
+ // Now set the starting dimensions
257
+
258
+ zoomimg.style.width = startW + 'px';
259
+ zoomimg.style.height = startH + 'px';
260
+ zoomdiv.style.left = hostX + 'px';
261
+ zoomdiv.style.top = hostY + 'px';
262
+
263
+ // Show the zooming image container, make it invisible
264
+
265
+ if (includeFade == 1) {
266
+ setOpacity(0, zoomID);
267
+ }
268
+ zoomdiv.style.visibility = "visible";
269
+
270
+ // If it's too big to fit in the window, shrink the width and height to fit (with ratio).
271
+
272
+ sizeRatio = endW / endH;
273
+ if (endW > myWidth - minBorder) {
274
+ endW = myWidth - minBorder;
275
+ endH = endW / sizeRatio;
276
+ }
277
+ if (endH > myHeight - minBorder) {
278
+ endH = myHeight - minBorder;
279
+ endW = endH * sizeRatio;
280
+ }
281
+
282
+ zoomChangeX = ((myWidth / 2) - (endW / 2) - hostX);
283
+ zoomChangeY = (((myHeight / 2) - (endH / 2) - hostY) + myScroll);
284
+ zoomChangeW = (endW - startW);
285
+ zoomChangeH = (endH - startH);
286
+
287
+ // Shift key?
288
+
289
+ if (shift) {
290
+ tempSteps = zoomSteps * 7;
291
+ } else {
292
+ tempSteps = zoomSteps;
293
+ }
294
+
295
+ // Setup Zoom
296
+
297
+ zoomCurrent = 0;
298
+
299
+ // Setup Fade with Zoom, If Requested
300
+
301
+ if (includeFade == 1) {
302
+ fadeCurrent = 0;
303
+ fadeAmount = (0 - 100) / tempSteps;
304
+ } else {
305
+ fadeAmount = 0;
306
+ }
307
+
308
+ // Do It!
309
+
310
+ zoomTimer[theID] = setInterval("zoomElement('"+zoomID+"', '"+theID+"', "+zoomCurrent+", "+startW+", "+zoomChangeW+", "+startH+", "+zoomChangeH+", "+hostX+", "+zoomChangeX+", "+hostY+", "+zoomChangeY+", "+tempSteps+", "+includeFade+", "+fadeAmount+", 'zoomDoneIn(zoomID)')", zoomTime);
311
+ zoomActive[theID] = true;
312
+ }
313
+ }
314
+
315
+ // Zoom it back out.
316
+
317
+ function zoomOut(from, evt) {
318
+
319
+ // Get shift key status.
320
+ // IE events don't seem to get passed through the function, so grab it from the window.
321
+
322
+ if (getShift(evt)) {
323
+ tempSteps = zoomSteps * 7;
324
+ } else {
325
+ tempSteps = zoomSteps;
326
+ }
327
+
328
+ // Check to see if something is happening/open
329
+
330
+ if (zoomActive[theID] != true) {
331
+
332
+ // First, get rid of the shadow if necessary.
333
+
334
+ if (document.getElementById("ShadowBox")) {
335
+ document.getElementById("ShadowBox").style.visibility = "hidden";
336
+ } else if (! browserIsIE) {
337
+
338
+ // Wipe timer if shadow is fading in still
339
+ if (fadeActive["ZoomImage"]) {
340
+ clearInterval(fadeTimer["ZoomImage"]);
341
+ fadeActive["ZoomImage"] = false;
342
+ fadeTimer["ZoomImage"] = false;
343
+ }
344
+
345
+ document.getElementById("ZoomImage").style.webkitBoxShadow = shadowSettings + '0.0)';
346
+ }
347
+
348
+ // ..and the close box...
349
+
350
+ document.getElementById("ZoomClose").style.visibility = "hidden";
351
+
352
+ // ...and the caption if necessary!
353
+
354
+ if (includeCaption && document.getElementById(zoomCaption).innerHTML != "") {
355
+ // fadeElementSetup(zoomCaptionDiv, 100, 0, 5, 1);
356
+ document.getElementById(zoomCaptionDiv).style.visibility = "hidden";
357
+ }
358
+
359
+ // Now, figure out where we came from, to get back there
360
+
361
+ startX = parseInt(zoomdiv.style.left);
362
+ startY = parseInt(zoomdiv.style.top);
363
+ startW = zoomimg.width;
364
+ startH = zoomimg.height;
365
+ zoomChangeX = zoomOrigX[theID] - startX;
366
+ zoomChangeY = zoomOrigY[theID] - startY;
367
+ zoomChangeW = zoomOrigW[theID] - startW;
368
+ zoomChangeH = zoomOrigH[theID] - startH;
369
+
370
+ // Setup Zoom
371
+
372
+ zoomCurrent = 0;
373
+
374
+ // Setup Fade with Zoom, If Requested
375
+
376
+ if (includeFade == 1) {
377
+ fadeCurrent = 0;
378
+ fadeAmount = (100 - 0) / tempSteps;
379
+ } else {
380
+ fadeAmount = 0;
381
+ }
382
+
383
+ // Do It!
384
+
385
+ zoomTimer[theID] = setInterval("zoomElement('"+zoomID+"', '"+theID+"', "+zoomCurrent+", "+startW+", "+zoomChangeW+", "+startH+", "+zoomChangeH+", "+startX+", "+zoomChangeX+", "+startY+", "+zoomChangeY+", "+tempSteps+", "+includeFade+", "+fadeAmount+", 'zoomDone(zoomID, theID)')", zoomTime);
386
+ zoomActive[theID] = true;
387
+ }
388
+ }
389
+
390
+ // Finished Zooming In
391
+
392
+ function zoomDoneIn(zoomdiv, theID) {
393
+
394
+ // Note that it's open
395
+
396
+ zoomOpen = true;
397
+ zoomdiv = document.getElementById(zoomdiv);
398
+
399
+ // Position the table shadow behind the zoomed in image, and display it
400
+
401
+ if (document.getElementById("ShadowBox")) {
402
+
403
+ setOpacity(0, "ShadowBox");
404
+ shadowdiv = document.getElementById("ShadowBox");
405
+
406
+ shadowLeft = parseInt(zoomdiv.style.left) - 13;
407
+ shadowTop = parseInt(zoomdiv.style.top) - 8;
408
+ shadowWidth = zoomdiv.offsetWidth + 26;
409
+ shadowHeight = zoomdiv.offsetHeight + 26;
410
+
411
+ shadowdiv.style.width = shadowWidth + 'px';
412
+ shadowdiv.style.height = shadowHeight + 'px';
413
+ shadowdiv.style.left = shadowLeft + 'px';
414
+ shadowdiv.style.top = shadowTop + 'px';
415
+
416
+ document.getElementById("ShadowBox").style.visibility = "visible";
417
+ fadeElementSetup("ShadowBox", 0, 100, 5);
418
+
419
+ } else if (! browserIsIE) {
420
+ // Or, do a fade of the modern shadow
421
+ fadeElementSetup("ZoomImage", 0, .8, 5, 0, "shadow");
422
+ }
423
+
424
+ // Position and display the CAPTION, if existing
425
+
426
+ if (includeCaption && document.getElementById(zoomCaption).innerHTML != "") {
427
+ // setOpacity(0, zoomCaptionDiv);
428
+ zoomcapd = document.getElementById(zoomCaptionDiv);
429
+ zoomcapd.style.top = parseInt(zoomdiv.style.top) + (zoomdiv.offsetHeight + 15) + 'px';
430
+ zoomcapd.style.left = (myWidth / 2) - (zoomcapd.offsetWidth / 2) + 'px';
431
+ zoomcapd.style.visibility = "visible";
432
+ // fadeElementSetup(zoomCaptionDiv, 0, 100, 5);
433
+ }
434
+
435
+ // Display Close Box (fade it if it's not IE)
436
+
437
+ if (!browserIsIE) setOpacity(0, "ZoomClose");
438
+ document.getElementById("ZoomClose").style.visibility = "visible";
439
+ if (!browserIsIE) fadeElementSetup("ZoomClose", 0, 100, 5);
440
+
441
+ // Get keypresses
442
+ document.onkeypress = getKey;
443
+
444
+ }
445
+
446
+ // Finished Zooming Out
447
+
448
+ function zoomDone(zoomdiv, theID) {
449
+
450
+ // No longer open
451
+
452
+ zoomOpen = false;
453
+
454
+ // Clear stuff out, clean up
455
+
456
+ zoomOrigH[theID] = "";
457
+ zoomOrigW[theID] = "";
458
+ document.getElementById(zoomdiv).style.visibility = "hidden";
459
+ zoomActive[theID] == false;
460
+
461
+ // Stop getting keypresses
462
+
463
+ document.onkeypress = null;
464
+
465
+ }
466
+
467
+ // Actually zoom the element
468
+
469
+ function zoomElement(zoomdiv, theID, zoomCurrent, zoomStartW, zoomChangeW, zoomStartH, zoomChangeH, zoomStartX, zoomChangeX, zoomStartY, zoomChangeY, zoomSteps, includeFade, fadeAmount, execWhenDone) {
470
+
471
+ // console.log("Zooming Step #"+zoomCurrent+ " of "+zoomSteps+" (zoom " + zoomStartW + "/" + zoomChangeW + ") (zoom " + zoomStartH + "/" + zoomChangeH + ") (zoom " + zoomStartX + "/" + zoomChangeX + ") (zoom " + zoomStartY + "/" + zoomChangeY + ") Fade: "+fadeAmount);
472
+
473
+ // Test if we're done, or if we continue
474
+
475
+ if (zoomCurrent == (zoomSteps + 1)) {
476
+ zoomActive[theID] = false;
477
+ clearInterval(zoomTimer[theID]);
478
+
479
+ if (execWhenDone != "") {
480
+ eval(execWhenDone);
481
+ }
482
+ } else {
483
+
484
+ // Do the Fade!
485
+
486
+ if (includeFade == 1) {
487
+ if (fadeAmount < 0) {
488
+ setOpacity(Math.abs(zoomCurrent * fadeAmount), zoomdiv);
489
+ } else {
490
+ setOpacity(100 - (zoomCurrent * fadeAmount), zoomdiv);
491
+ }
492
+ }
493
+
494
+ // Calculate this step's difference, and move it!
495
+
496
+ moveW = cubicInOut(zoomCurrent, zoomStartW, zoomChangeW, zoomSteps);
497
+ moveH = cubicInOut(zoomCurrent, zoomStartH, zoomChangeH, zoomSteps);
498
+ moveX = cubicInOut(zoomCurrent, zoomStartX, zoomChangeX, zoomSteps);
499
+ moveY = cubicInOut(zoomCurrent, zoomStartY, zoomChangeY, zoomSteps);
500
+
501
+ document.getElementById(zoomdiv).style.left = moveX + 'px';
502
+ document.getElementById(zoomdiv).style.top = moveY + 'px';
503
+ zoomimg.style.width = moveW + 'px';
504
+ zoomimg.style.height = moveH + 'px';
505
+
506
+ zoomCurrent++;
507
+
508
+ clearInterval(zoomTimer[theID]);
509
+ zoomTimer[theID] = setInterval("zoomElement('"+zoomdiv+"', '"+theID+"', "+zoomCurrent+", "+zoomStartW+", "+zoomChangeW+", "+zoomStartH+", "+zoomChangeH+", "+zoomStartX+", "+zoomChangeX+", "+zoomStartY+", "+zoomChangeY+", "+zoomSteps+", "+includeFade+", "+fadeAmount+", '"+execWhenDone+"')", zoomTime);
510
+ }
511
+ }
512
+
513
+ // Zoom Utility: Get Key Press when image is open, and act accordingly
514
+
515
+ function getKey(evt) {
516
+ if (! evt) {
517
+ theKey = event.keyCode;
518
+ } else {
519
+ theKey = evt.keyCode;
520
+ }
521
+
522
+ if (theKey == 27) { // ESC
523
+ zoomOut(this, evt);
524
+ }
525
+ }
526
+
527
+ ////////////////////////////
528
+ //
529
+ // FADE Functions
530
+ //
531
+
532
+ function fadeOut(elem) {
533
+ if (elem.id) {
534
+ fadeElementSetup(elem.id, 100, 0, 10);
535
+ }
536
+ }
537
+
538
+ function fadeIn(elem) {
539
+ if (elem.id) {
540
+ fadeElementSetup(elem.id, 0, 100, 10);
541
+ }
542
+ }
543
+
544
+ // Fade: Initialize the fade function
545
+
546
+ var fadeActive = new Array();
547
+ var fadeQueue = new Array();
548
+ var fadeTimer = new Array();
549
+ var fadeClose = new Array();
550
+ var fadeMode = new Array();
551
+
552
+ function fadeElementSetup(theID, fdStart, fdEnd, fdSteps, fdClose, fdMode) {
553
+
554
+ // alert("Fading: "+theID+" Steps: "+fdSteps+" Mode: "+fdMode);
555
+
556
+ if (fadeActive[theID] == true) {
557
+ // Already animating, queue up this command
558
+ fadeQueue[theID] = new Array(theID, fdStart, fdEnd, fdSteps);
559
+ } else {
560
+ fadeSteps = fdSteps;
561
+ fadeCurrent = 0;
562
+ fadeAmount = (fdStart - fdEnd) / fadeSteps;
563
+ fadeTimer[theID] = setInterval("fadeElement('"+theID+"', '"+fadeCurrent+"', '"+fadeAmount+"', '"+fadeSteps+"')", 15);
564
+ fadeActive[theID] = true;
565
+ fadeMode[theID] = fdMode;
566
+
567
+ if (fdClose == 1) {
568
+ fadeClose[theID] = true;
569
+ } else {
570
+ fadeClose[theID] = false;
571
+ }
572
+ }
573
+ }
574
+
575
+ // Fade: Do the fade. This function will call itself, modifying the parameters, so
576
+ // many instances can run concurrently. Can fade using opacity, or fade using a box-shadow.
577
+
578
+ function fadeElement(theID, fadeCurrent, fadeAmount, fadeSteps) {
579
+
580
+ if (fadeCurrent == fadeSteps) {
581
+
582
+ // We're done, so clear.
583
+
584
+ clearInterval(fadeTimer[theID]);
585
+ fadeActive[theID] = false;
586
+ fadeTimer[theID] = false;
587
+
588
+ // Should we close it once the fade is complete?
589
+
590
+ if (fadeClose[theID] == true) {
591
+ document.getElementById(theID).style.visibility = "hidden";
592
+ }
593
+
594
+ // Hang on.. did a command queue while we were working? If so, make it happen now
595
+
596
+ if (fadeQueue[theID] && fadeQueue[theID] != false) {
597
+ fadeElementSetup(fadeQueue[theID][0], fadeQueue[theID][1], fadeQueue[theID][2], fadeQueue[theID][3]);
598
+ fadeQueue[theID] = false;
599
+ }
600
+ } else {
601
+
602
+ fadeCurrent++;
603
+
604
+ // Now actually do the fade adjustment.
605
+
606
+ if (fadeMode[theID] == "shadow") {
607
+
608
+ // Do a special fade on the webkit-box-shadow of the object
609
+
610
+ if (fadeAmount < 0) {
611
+ document.getElementById(theID).style.webkitBoxShadow = shadowSettings + (Math.abs(fadeCurrent * fadeAmount)) + ')';
612
+ } else {
613
+ document.getElementById(theID).style.webkitBoxShadow = shadowSettings + (100 - (fadeCurrent * fadeAmount)) + ')';
614
+ }
615
+
616
+ } else {
617
+
618
+ // Set the opacity depending on if we're adding or subtracting (pos or neg)
619
+
620
+ if (fadeAmount < 0) {
621
+ setOpacity(Math.abs(fadeCurrent * fadeAmount), theID);
622
+ } else {
623
+ setOpacity(100 - (fadeCurrent * fadeAmount), theID);
624
+ }
625
+ }
626
+
627
+ // Keep going, and send myself the updated variables
628
+ clearInterval(fadeTimer[theID]);
629
+ fadeTimer[theID] = setInterval("fadeElement('"+theID+"', '"+fadeCurrent+"', '"+fadeAmount+"', '"+fadeSteps+"')", 15);
630
+ }
631
+ }
632
+
633
+ ////////////////////////////
634
+ //
635
+ // UTILITY functions
636
+ //
637
+
638
+ // Utility: Set the opacity, compatible with a number of browsers. Value from 0 to 100.
639
+
640
+ function setOpacity(opacity, theID) {
641
+
642
+ var object = document.getElementById(theID).style;
643
+
644
+ // If it's 100, set it to 99 for Firefox.
645
+
646
+ if (navigator.userAgent.indexOf("Firefox") != -1) {
647
+ if (opacity == 100) { opacity = 99.9999; } // This is majorly awkward
648
+ }
649
+
650
+ // Multi-browser opacity setting
651
+
652
+ object.filter = "alpha(opacity=" + opacity + ")"; // IE/Win
653
+ object.opacity = (opacity / 100); // Safari 1.2, Firefox+Mozilla
654
+
655
+ }
656
+
657
+ // Utility: Math functions for animation calucations - From http://www.robertpenner.com/easing/
658
+ //
659
+ // t = time, b = begin, c = change, d = duration
660
+ // time = current frame, begin is fixed, change is basically finish - begin, duration is fixed (frames),
661
+
662
+ function linear(t, b, c, d)
663
+ {
664
+ return c*t/d + b;
665
+ }
666
+
667
+ function sineInOut(t, b, c, d)
668
+ {
669
+ return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
670
+ }
671
+
672
+ function cubicIn(t, b, c, d) {
673
+ return c*(t/=d)*t*t + b;
674
+ }
675
+
676
+ function cubicOut(t, b, c, d) {
677
+ return c*((t=t/d-1)*t*t + 1) + b;
678
+ }
679
+
680
+ function cubicInOut(t, b, c, d)
681
+ {
682
+ if ((t/=d/2) < 1) return c/2*t*t*t + b;
683
+ return c/2*((t-=2)*t*t + 2) + b;
684
+ }
685
+
686
+ function bounceOut(t, b, c, d)
687
+ {
688
+ if ((t/=d) < (1/2.75)){
689
+ return c*(7.5625*t*t) + b;
690
+ } else if (t < (2/2.75)){
691
+ return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
692
+ } else if (t < (2.5/2.75)){
693
+ return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
694
+ } else {
695
+ return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
696
+ }
697
+ }
698
+
699
+
700
+ // Utility: Get the size of the window, and set myWidth and myHeight
701
+ // Credit to quirksmode.org
702
+
703
+ function getSize() {
704
+
705
+ // Window Size
706
+
707
+ if (self.innerHeight) { // Everyone but IE
708
+ myWidth = window.innerWidth;
709
+ myHeight = window.innerHeight;
710
+ myScroll = window.pageYOffset;
711
+ } else if (document.documentElement && document.documentElement.clientHeight) { // IE6 Strict
712
+ myWidth = document.documentElement.clientWidth;
713
+ myHeight = document.documentElement.clientHeight;
714
+ myScroll = document.documentElement.scrollTop;
715
+ } else if (document.body) { // Other IE, such as IE7
716
+ myWidth = document.body.clientWidth;
717
+ myHeight = document.body.clientHeight;
718
+ myScroll = document.body.scrollTop;
719
+ }
720
+
721
+ // Page size w/offscreen areas
722
+
723
+ if (window.innerHeight && window.scrollMaxY) {
724
+ myScrollWidth = document.body.scrollWidth;
725
+ myScrollHeight = window.innerHeight + window.scrollMaxY;
726
+ } else if (document.body.scrollHeight > document.body.offsetHeight) { // All but Explorer Mac
727
+ myScrollWidth = document.body.scrollWidth;
728
+ myScrollHeight = document.body.scrollHeight;
729
+ } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
730
+ myScrollWidth = document.body.offsetWidth;
731
+ myScrollHeight = document.body.offsetHeight;
732
+ }
733
+ }
734
+
735
+ // Utility: Get Shift Key Status
736
+ // IE events don't seem to get passed through the function, so grab it from the window.
737
+
738
+ function getShift(evt) {
739
+ var shift = false;
740
+ if (! evt && window.event) {
741
+ shift = window.event.shiftKey;
742
+ } else if (evt) {
743
+ shift = evt.shiftKey;
744
+ if (shift) evt.stopPropagation(); // Prevents Firefox from doing shifty things
745
+ }
746
+ return shift;
747
+ }
748
+
749
+ // Utility: Find the Y position of an element on a page. Return Y and X as an array
750
+
751
+ function findElementPos(elemFind)
752
+ {
753
+ var elemX = 0;
754
+ var elemY = 0;
755
+ do {
756
+ elemX += elemFind.offsetLeft;
757
+ elemY += elemFind.offsetTop;
758
+ } while ( elemFind = elemFind.offsetParent )
759
+
760
+ return Array(elemX, elemY);
761
+ }