| blob | 688f93aa34a8b739cbaeaf23e3dbfbaac8c098a4 |
1 /*\r
2 * FancyBox - jQuery Plugin\r
3 * Simple and fancy lightbox alternative\r
4 *\r
5 * Examples and documentation at: http://fancybox.net\r
6 * \r
7 * Copyright (c) 2008 - 2010 Janis Skarnelis\r
8 *\r
9 * Version: 1.3.1 (05/03/2010)\r
10 * Requires: jQuery v1.3+\r
11 *\r
12 * Dual licensed under the MIT and GPL licenses:\r
13 * http://www.opensource.org/licenses/mit-license.php\r
14 * http://www.gnu.org/licenses/gpl.html\r
15 */\r
16 \r
17 (function($) {\r
18 \r
19 var tmp, loading, overlay, wrap, outer, inner, close, nav_left, nav_right,\r
20 \r
21 selectedIndex = 0, selectedOpts = {}, selectedArray = [], currentIndex = 0, currentOpts = {}, currentArray = [],\r
22 \r
23 ajaxLoader = null, imgPreloader = new Image(), imgRegExp = /\.(jpg|gif|png|bmp|jpeg)(.*)?$/i, swfRegExp = /[^\.]\.(swf)\s*$/i,\r
24 \r
25 loadingTimer, loadingFrame = 1,\r
26 \r
27 start_pos, final_pos, busy = false, shadow = 20, fx = $.extend($('<div/>')[0], { prop: 0 }), titleh = 0, \r
28 \r
29 isIE6 = !$.support.opacity && !window.XMLHttpRequest,\r
30 \r
31 /*\r
32 * Private methods \r
33 */\r
34 \r
35 fancybox_abort = function() {\r
36 loading.hide();\r
37 \r
38 imgPreloader.onerror = imgPreloader.onload = null;\r
39 \r
40 if (ajaxLoader) {\r
41 ajaxLoader.abort();\r
42 }\r
43 \r
44 tmp.empty();\r
45 },\r
46 \r
47 fancybox_error = function() {\r
48 $.fancybox('<p id="fancybox_error">The requested content cannot be loaded.<br />Please try again later.</p>', {\r
49 'scrolling' : 'no',\r
50 'padding' : 20,\r
51 'transitionIn' : 'none',\r
52 'transitionOut' : 'none'\r
53 });\r
54 },\r
55 \r
56 fancybox_get_viewport = function() {\r
57 return [ $(window).width(), $(window).height(), $(document).scrollLeft(), $(document).scrollTop() ];\r
58 },\r
59 \r
60 fancybox_get_zoom_to = function () {\r
61 var view = fancybox_get_viewport(),\r
62 to = {},\r
63 \r
64 margin = currentOpts.margin,\r
65 resize = currentOpts.autoScale,\r
66 \r
67 horizontal_space = (shadow + margin) * 2,\r
68 vertical_space = (shadow + margin) * 2,\r
69 double_padding = (currentOpts.padding * 2),\r
70 \r
71 ratio;\r
72 \r
73 if (currentOpts.width.toString().indexOf('%') > -1) {\r
74 to.width = ((view[0] * parseFloat(currentOpts.width)) / 100) - (shadow * 2) ;\r
75 resize = false;\r
76 \r
77 } else {\r
78 to.width = currentOpts.width + double_padding;\r
79 }\r
80 \r
81 if (currentOpts.height.toString().indexOf('%') > -1) {\r
82 to.height = ((view[1] * parseFloat(currentOpts.height)) / 100) - (shadow * 2);\r
83 resize = false;\r
84 \r
85 } else {\r
86 to.height = currentOpts.height + double_padding;\r
87 }\r
88 \r
89 if (resize && (to.width > (view[0] - horizontal_space) || to.height > (view[1] - vertical_space))) {\r
90 if (selectedOpts.type == 'image' || selectedOpts.type == 'swf') {\r
91 horizontal_space += double_padding;\r
92 vertical_space += double_padding;\r
93 \r
94 ratio = Math.min(Math.min( view[0] - horizontal_space, currentOpts.width) / currentOpts.width, Math.min( view[1] - vertical_space, currentOpts.height) / currentOpts.height);\r
95 \r
96 to.width = Math.round(ratio * (to.width - double_padding)) + double_padding;\r
97 to.height = Math.round(ratio * (to.height - double_padding)) + double_padding;\r
98 \r
99 } else {\r
100 to.width = Math.min(to.width, (view[0] - horizontal_space));\r
101 to.height = Math.min(to.height, (view[1] - vertical_space));\r
102 }\r
103 }\r
104 \r
105 to.top = view[3] + ((view[1] - (to.height + (shadow * 2 ))) * 0.5);\r
106 to.left = view[2] + ((view[0] - (to.width + (shadow * 2 ))) * 0.5);\r
107 \r
108 if (currentOpts.autoScale === false) {\r
109 to.top = Math.max(view[3] + margin, to.top);\r
110 to.left = Math.max(view[2] + margin, to.left);\r
111 }\r
112 \r
113 return to;\r
114 },\r
115 \r
116 fancybox_format_title = function(title) {\r
117 if (title && title.length) {\r
118 switch (currentOpts.titlePosition) {\r
119 case 'inside':\r
120 return title;\r
121 case 'over':\r
122 return '<span id="fancybox-title-over">' + title + '</span>';\r
123 default:\r
124 return '<span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">' + title + '</span><span id="fancybox-title-right"></span></span>';\r
125 }\r
126 }\r
127 \r
128 return false;\r
129 },\r
130 \r
131 fancybox_process_title = function() {\r
132 var title = currentOpts.title,\r
133 width = final_pos.width - (currentOpts.padding * 2),\r
134 titlec = 'fancybox-title-' + currentOpts.titlePosition;\r
135 \r
136 $('#fancybox-title').remove();\r
137 \r
138 titleh = 0;\r
139 \r
140 if (currentOpts.titleShow === false) {\r
141 return;\r
142 }\r
143 \r
144 title = $.isFunction(currentOpts.titleFormat) ? currentOpts.titleFormat(title, currentArray, currentIndex, currentOpts) : fancybox_format_title(title);\r
145 \r
146 if (!title || title === '') {\r
147 return;\r
148 }\r
149 \r
150 $('<div id="fancybox-title" class="' + titlec + '" />').css({\r
151 'width' : width,\r
152 'paddingLeft' : currentOpts.padding,\r
153 'paddingRight' : currentOpts.padding\r
154 }).html(title).appendTo('body');\r
155 \r
156 switch (currentOpts.titlePosition) {\r
157 case 'inside':\r
158 titleh = $("#fancybox-title").outerHeight(true) - currentOpts.padding;\r
159 final_pos.height += titleh;\r
160 break;\r
161 \r
162 case 'over':\r
163 $('#fancybox-title').css('bottom', currentOpts.padding);\r
164 break;\r
165 \r
166 default:\r
167 $('#fancybox-title').css('bottom', $("#fancybox-title").outerHeight(true) * -1);\r
168 break;\r
169 }\r
170 \r
171 $('#fancybox-title').appendTo( outer ).hide();\r
172 },\r
173 \r
174 fancybox_set_navigation = function() {\r
175 $(document).unbind('keydown.fb').bind('keydown.fb', function(e) {\r
176 if (e.keyCode == 27 && currentOpts.enableEscapeButton) {\r
177 e.preventDefault();\r
178 $.fancybox.close();\r
179 \r
180 } else if (e.keyCode == 37) {\r
181 e.preventDefault();\r
182 $.fancybox.prev();\r
183 \r
184 } else if (e.keyCode == 39) {\r
185 e.preventDefault();\r
186 $.fancybox.next();\r
187 }\r
188 });\r
189 \r
190 if ($.fn.mousewheel) {\r
191 wrap.unbind('mousewheel.fb');\r
192 \r
193 if (currentArray.length > 1) {\r
194 wrap.bind('mousewheel.fb', function(e, delta) {\r
195 e.preventDefault();\r
196 \r
197 if (busy || delta === 0) {\r
198 return;\r
199 }\r
200 \r
201 if (delta > 0) {\r
202 $.fancybox.prev();\r
203 } else {\r
204 $.fancybox.next();\r
205 }\r
206 });\r
207 }\r
208 }\r
209 \r
210 if (!currentOpts.showNavArrows) { return; }\r
211 \r
212 if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex !== 0) {\r
213 nav_left.show();\r
214 }\r
215 \r
216 if ((currentOpts.cyclic && currentArray.length > 1) || currentIndex != (currentArray.length -1)) {\r
217 nav_right.show();\r
218 }\r
219 },\r
220 \r
221 fancybox_preload_images = function() {\r
222 var href, \r
223 objNext;\r
224 \r
225 if ((currentArray.length -1) > currentIndex) {\r
226 href = currentArray[ currentIndex + 1 ].href;\r
227 \r
228 if (typeof href !== 'undefined' && href.match(imgRegExp)) {\r
229 objNext = new Image();\r
230 objNext.src = href;\r
231 }\r
232 }\r
233 \r
234 if (currentIndex > 0) {\r
235 href = currentArray[ currentIndex - 1 ].href;\r
236 \r
237 if (typeof href !== 'undefined' && href.match(imgRegExp)) {\r
238 objNext = new Image();\r
239 objNext.src = href;\r
240 }\r
241 }\r
242 },\r
243 \r
244 _finish = function () {\r
245 inner.css('overflow', (currentOpts.scrolling == 'auto' ? (currentOpts.type == 'image' || currentOpts.type == 'iframe' || currentOpts.type == 'swf' ? 'hidden' : 'auto') : (currentOpts.scrolling == 'yes' ? 'auto' : 'visible')));\r
246 \r
247 if (!$.support.opacity) {\r
248 inner.get(0).style.removeAttribute('filter');\r
249 wrap.get(0).style.removeAttribute('filter');\r
250 }\r
251 \r
252 $('#fancybox-title').show();\r
253 \r
254 if (currentOpts.hideOnContentClick) {\r
255 inner.one('click', $.fancybox.close);\r
256 }\r
257 if (currentOpts.hideOnOverlayClick) {\r
258 overlay.one('click', $.fancybox.close);\r
259 }\r
260 \r
261 if (currentOpts.showCloseButton) {\r
262 close.show();\r
263 }\r
264 \r
265 fancybox_set_navigation();\r
266 \r
267 $(window).bind("resize.fb", $.fancybox.center);\r
268 \r
269 if (currentOpts.centerOnScroll) {\r
270 $(window).bind("scroll.fb", $.fancybox.center);\r
271 } else {\r
272 $(window).unbind("scroll.fb");\r
273 }\r
274 \r
275 if ($.isFunction(currentOpts.onComplete)) {\r
276 currentOpts.onComplete(currentArray, currentIndex, currentOpts);\r
277 }\r
278 \r
279 busy = false;\r
280 \r
281 fancybox_preload_images();\r
282 },\r
283 \r
284 fancybox_draw = function(pos) {\r
285 var width = Math.round(start_pos.width + (final_pos.width - start_pos.width) * pos),\r
286 height = Math.round(start_pos.height + (final_pos.height - start_pos.height) * pos),\r
287 \r
288 top = Math.round(start_pos.top + (final_pos.top - start_pos.top) * pos),\r
289 left = Math.round(start_pos.left + (final_pos.left - start_pos.left) * pos);\r
290 \r
291 wrap.css({\r
292 'width' : width + 'px',\r
293 'height' : height + 'px',\r
294 'top' : top + 'px',\r
295 'left' : left + 'px'\r
296 });\r
297 \r
298 width = Math.max(width - currentOpts.padding * 2, 0);\r
299 height = Math.max(height - (currentOpts.padding * 2 + (titleh * pos)), 0);\r
300 \r
301 inner.css({\r
302 'width' : width + 'px',\r
303 'height' : height + 'px'\r
304 });\r
305 \r
306 if (typeof final_pos.opacity !== 'undefined') {\r
307 wrap.css('opacity', (pos < 0.5 ? 0.5 : pos));\r
308 }\r
309 },\r
310 \r
311 fancybox_get_obj_pos = function(obj) {\r
312 var pos = obj.offset();\r
313 \r
314 pos.top += parseFloat( obj.css('paddingTop') ) || 0;\r
315 pos.left += parseFloat( obj.css('paddingLeft') ) || 0;\r
316 \r
317 pos.top += parseFloat( obj.css('border-top-width') ) || 0;\r
318 pos.left += parseFloat( obj.css('border-left-width') ) || 0;\r
319 \r
320 pos.width = obj.width();\r
321 pos.height = obj.height();\r
322 \r
323 return pos;\r
324 },\r
325 \r
326 fancybox_get_zoom_from = function() {\r
327 var orig = selectedOpts.orig ? $(selectedOpts.orig) : false,\r
328 from = {},\r
329 pos,\r
330 view;\r
331 \r
332 if (orig && orig.length) {\r
333 pos = fancybox_get_obj_pos(orig);\r
334 \r
335 from = {\r
336 width : (pos.width + (currentOpts.padding * 2)),\r
337 height : (pos.height + (currentOpts.padding * 2)),\r
338 top : (pos.top - currentOpts.padding - shadow),\r
339 left : (pos.left - currentOpts.padding - shadow)\r
340 };\r
341 \r
342 } else {\r
343 view = fancybox_get_viewport();\r
344 \r
345 from = {\r
346 width : 1,\r
347 height : 1,\r
348 top : view[3] + view[1] * 0.5,\r
349 left : view[2] + view[0] * 0.5\r
350 };\r
351 }\r
352 \r
353 return from;\r
354 },\r
355 \r
356 fancybox_show = function() {\r
357 loading.hide();\r
358 \r
359 if (wrap.is(":visible") && $.isFunction(currentOpts.onCleanup)) {\r
360 if (currentOpts.onCleanup(currentArray, currentIndex, currentOpts) === false) {\r
361 $.event.trigger('fancybox-cancel');\r
362 \r
363 busy = false;\r
364 return;\r
365 }\r
366 }\r
367 \r
368 currentArray = selectedArray;\r
369 currentIndex = selectedIndex;\r
370 currentOpts = selectedOpts;\r
371 \r
372 inner.get(0).scrollTop = 0;\r
373 inner.get(0).scrollLeft = 0;\r
374 \r
375 if (currentOpts.overlayShow) {\r
376 if (isIE6) {\r
377 $('select:not(#fancybox-tmp select)').filter(function() {\r
378 return this.style.visibility !== 'hidden';\r
379 }).css({'visibility':'hidden'}).one('fancybox-cleanup', function() {\r
380 this.style.visibility = 'inherit';\r
381 });\r
382 }\r
383 \r
384 overlay.css({\r
385 'background-color' : currentOpts.overlayColor,\r
386 'opacity' : currentOpts.overlayOpacity\r
387 }).unbind().show();\r
388 }\r
389 \r
390 final_pos = fancybox_get_zoom_to();\r
391 \r
392 fancybox_process_title();\r
393 \r
394 if (wrap.is(":visible")) {\r
395 $( close.add( nav_left ).add( nav_right ) ).hide();\r
396 \r
397 var pos = wrap.position(),\r
398 equal;\r
399 \r
400 start_pos = {\r
401 top : pos.top ,\r
402 left : pos.left,\r
403 width : wrap.width(),\r
404 height : wrap.height()\r
405 };\r
406 \r
407 equal = (start_pos.width == final_pos.width && start_pos.height == final_pos.height);\r
408 \r
409 inner.fadeOut(currentOpts.changeFade, function() {\r
410 var finish_resizing = function() {\r
411 inner.html( tmp.contents() ).fadeIn(currentOpts.changeFade, _finish);\r
412 };\r
413 \r
414 $.event.trigger('fancybox-change');\r
415 \r
416 inner.empty().css('overflow', 'hidden');\r
417 \r
418 if (equal) {\r
419 inner.css({\r
420 top : currentOpts.padding,\r
421 left : currentOpts.padding,\r
422 width : Math.max(final_pos.width - (currentOpts.padding * 2), 1),\r
423 height : Math.max(final_pos.height - (currentOpts.padding * 2) - titleh, 1)\r
424 });\r
425 \r
426 finish_resizing();\r
427 \r
428 } else {\r
429 inner.css({\r
430 top : currentOpts.padding,\r
431 left : currentOpts.padding,\r
432 width : Math.max(start_pos.width - (currentOpts.padding * 2), 1),\r
433 height : Math.max(start_pos.height - (currentOpts.padding * 2), 1)\r
434 });\r
435 \r
436 fx.prop = 0;\r
437 \r
438 $(fx).animate({ prop: 1 }, {\r
439 duration : currentOpts.changeSpeed,\r
440 easing : currentOpts.easingChange,\r
441 step : fancybox_draw,\r
442 complete : finish_resizing\r
443 });\r
444 }\r
445 });\r
446 \r
447 return;\r
448 }\r
449 \r
450 wrap.css('opacity', 1);\r
451 \r
452 if (currentOpts.transitionIn == 'elastic') {\r
453 start_pos = fancybox_get_zoom_from();\r
454 \r
455 inner.css({\r
456 top : currentOpts.padding,\r
457 left : currentOpts.padding,\r
458 width : Math.max(start_pos.width - (currentOpts.padding * 2), 1),\r
459 height : Math.max(start_pos.height - (currentOpts.padding * 2), 1)\r
460 })\r
461 .html( tmp.contents() );\r
462 \r
463 wrap.css(start_pos).show();\r
464 \r
465 if (currentOpts.opacity) {\r
466 final_pos.opacity = 0;\r
467 }\r
468 \r
469 fx.prop = 0;\r
470 \r
471 $(fx).animate({ prop: 1 }, {\r
472 duration : currentOpts.speedIn,\r
473 easing : currentOpts.easingIn,\r
474 step : fancybox_draw,\r
475 complete : _finish\r
476 });\r
477 \r
478 } else {\r
479 inner.css({\r
480 top : currentOpts.padding,\r
481 left : currentOpts.padding,\r
482 width : Math.max(final_pos.width - (currentOpts.padding * 2), 1),\r
483 height : Math.max(final_pos.height - (currentOpts.padding * 2) - titleh, 1)\r
484 })\r
485 .html( tmp.contents() );\r
486 \r
487 wrap.css( final_pos ).fadeIn( currentOpts.transitionIn == 'none' ? 0 : currentOpts.speedIn, _finish );\r
488 }\r
489 },\r
490 \r
491 fancybox_process_inline = function() {\r
492 tmp.width( selectedOpts.width );\r
493 tmp.height( selectedOpts.height );\r
494 \r
495 if (selectedOpts.width == 'auto') {\r
496 selectedOpts.width = tmp.width();\r
497 }\r
498 if (selectedOpts.height == 'auto') {\r
499 selectedOpts.height = tmp.height();\r
500 }\r
501 \r
502 fancybox_show();\r
503 },\r
504 \r
505 fancybox_process_image = function() {\r
506 busy = true;\r
507 \r
508 selectedOpts.width = imgPreloader.width;\r
509 selectedOpts.height = imgPreloader.height;\r
510 \r
511 $("<img />").attr({\r
512 'id' : 'fancybox-img',\r
513 'src' : imgPreloader.src,\r
514 'alt' : selectedOpts.title\r
515 }).appendTo( tmp );\r
516 \r
517 fancybox_show();\r
518 },\r
519 \r
520 fancybox_start = function() {\r
521 fancybox_abort();\r
522 \r
523 var obj = selectedArray[ selectedIndex ],\r
524 href, \r
525 type, \r
526 title,\r
527 str,\r
528 emb,\r
529 selector,\r
530 data;\r
531 \r
532 selectedOpts = $.extend({}, $.fn.fancybox.defaults, (typeof $(obj).data('fancybox') == 'undefined' ? selectedOpts : $(obj).data('fancybox')));\r
533 title = obj.title || $(obj).title || selectedOpts.title || '';\r
534 \r
535 if (obj.nodeName && !selectedOpts.orig) {\r
536 selectedOpts.orig = $(obj).children("img:first").length ? $(obj).children("img:first") : $(obj);\r
537 }\r
538 \r
539 if (title === '' && selectedOpts.orig) {\r
540 title = selectedOpts.orig.attr('alt');\r
541 }\r
542 \r
543 if (obj.nodeName && (/^(?:javascript|#)/i).test(obj.href)) {\r
544 href = selectedOpts.href || null;\r
545 } else {\r
546 href = selectedOpts.href || obj.href || null;\r
547 }\r
548 \r
549 if (selectedOpts.type) {\r
550 type = selectedOpts.type;\r
551 \r
552 if (!href) {\r
553 href = selectedOpts.content;\r
554 }\r
555 \r
556 } else if (selectedOpts.content) {\r
557 type = 'html';\r
558 \r
559 } else if (href) {\r
560 if (href.match(imgRegExp)) {\r
561 type = 'image';\r
562 \r
563 } else if (href.match(swfRegExp)) {\r
564 type = 'swf';\r
565 \r
566 } else if ($(obj).hasClass("iframe")) {\r
567 type = 'iframe';\r
568 \r
569 } else if (href.match(/#/)) {\r
570 obj = href.substr(href.indexOf("#"));\r
571 \r
572 type = $(obj).length > 0 ? 'inline' : 'ajax';\r
573 } else {\r
574 type = 'ajax';\r
575 }\r
576 } else {\r
577 type = 'inline';\r
578 }\r
579 \r
580 selectedOpts.type = type;\r
581 selectedOpts.href = href;\r
582 selectedOpts.title = title;\r
583 \r
584 if (selectedOpts.autoDimensions && selectedOpts.type !== 'iframe' && selectedOpts.type !== 'swf') {\r
585 selectedOpts.width = 'auto';\r
586 selectedOpts.height = 'auto';\r
587 }\r
588 \r
589 if (selectedOpts.modal) {\r
590 selectedOpts.overlayShow = true;\r
591 selectedOpts.hideOnOverlayClick = false;\r
592 selectedOpts.hideOnContentClick = false;\r
593 selectedOpts.enableEscapeButton = false;\r
594 selectedOpts.showCloseButton = false;\r
595 }\r
596 \r
597 if ($.isFunction(selectedOpts.onStart)) {\r
598 if (selectedOpts.onStart(selectedArray, selectedIndex, selectedOpts) === false) {\r
599 busy = false;\r
600 return;\r
601 }\r
602 }\r
603 \r
604 tmp.css('padding', (shadow + selectedOpts.padding + selectedOpts.margin));\r
605 \r
606 $('.fancybox-inline-tmp').unbind('fancybox-cancel').bind('fancybox-change', function() {\r
607 $(this).replaceWith(inner.children());\r
608 });\r
609 \r
610 switch (type) {\r
611 case 'html' :\r
612 tmp.html( selectedOpts.content );\r
613 fancybox_process_inline();\r
614 break;\r
615 \r
616 case 'inline' :\r
617 $('<div class="fancybox-inline-tmp" />').hide().insertBefore( $(obj) ).bind('fancybox-cleanup', function() {\r
618 $(this).replaceWith(inner.children());\r
619 }).bind('fancybox-cancel', function() {\r
620 $(this).replaceWith(tmp.children());\r
621 });\r
622 \r
623 $(obj).appendTo(tmp);\r
624 \r
625 fancybox_process_inline();\r
626 break;\r
627 \r
628 case 'image':\r
629 busy = false;\r
630 \r
631 $.fancybox.showActivity();\r
632 \r
633 imgPreloader = new Image();\r
634 \r
635 imgPreloader.onerror = function() {\r
636 fancybox_error();\r
637 };\r
638 \r
639 imgPreloader.onload = function() {\r
640 imgPreloader.onerror = null;\r
641 imgPreloader.onload = null;\r
642 fancybox_process_image();\r
643 };\r
644 \r
645 imgPreloader.src = href;\r
646 \r
647 break;\r
648 \r
649 case 'swf':\r
650 str = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="' + selectedOpts.width + '" height="' + selectedOpts.height + '"><param name="movie" value="' + href + '"></param>';\r
651 emb = '';\r
652 \r
653 $.each(selectedOpts.swf, function(name, val) {\r
654 str += '<param name="' + name + '" value="' + val + '"></param>';\r
655 emb += ' ' + name + '="' + val + '"';\r
656 });\r
657 \r
658 str += '<embed src="' + href + '" type="application/x-shockwave-flash" width="' + selectedOpts.width + '" height="' + selectedOpts.height + '"' + emb + '></embed></object>';\r
659 \r
660 tmp.html(str);\r
661 \r
662 fancybox_process_inline();\r
663 break;\r
664 \r
665 case 'ajax':\r
666 selector = href.split('#', 2);\r
667 data = selectedOpts.ajax.data || {};\r
668 \r
669 if (selector.length > 1) {\r
670 href = selector[0];\r
671 \r
672 if (typeof data == "string") {\r
673 data += '&selector=' + selector[1];\r
674 } else {\r
675 data.selector = selector[1];\r
676 }\r
677 }\r
678 \r
679 busy = false;\r
680 $.fancybox.showActivity();\r
681 \r
682 ajaxLoader = $.ajax($.extend(selectedOpts.ajax, {\r
683 url : href,\r
684 data : data,\r
685 error : fancybox_error,\r
686 success : function(data, textStatus, XMLHttpRequest) {\r
687 if (ajaxLoader.status == 200) {\r
688 tmp.html( data );\r
689 fancybox_process_inline();\r
690 }\r
691 }\r
692 }));\r
693 \r
694 break;\r
695 \r
696 case 'iframe' :\r
697 $('<iframe id="fancybox-frame" name="fancybox-frame' + new Date().getTime() + '" frameborder="0" hspace="0" scrolling="' + selectedOpts.scrolling + '" src="' + selectedOpts.href + '"></iframe>').appendTo(tmp);\r
698 fancybox_show();\r
699 break;\r
700 }\r
701 },\r
702 \r
703 fancybox_animate_loading = function() {\r
704 if (!loading.is(':visible')){\r
705 clearInterval(loadingTimer);\r
706 return;\r
707 }\r
708 \r
709 $('div', loading).css('top', (loadingFrame * -40) + 'px');\r
710 \r
711 loadingFrame = (loadingFrame + 1) % 12;\r
712 },\r
713 \r
714 fancybox_init = function() {\r
715 if ($("#fancybox-wrap").length) {\r
716 return;\r
717 }\r
718 \r
719 $('body').append(\r
720 tmp = $('<div id="fancybox-tmp"></div>'),\r
721 loading = $('<div id="fancybox-loading"><div></div></div>'),\r
722 overlay = $('<div id="fancybox-overlay"></div>'),\r
723 wrap = $('<div id="fancybox-wrap"></div>')\r
724 );\r
725 \r
726 if (!$.support.opacity) {\r
727 wrap.addClass('fancybox-ie');\r
728 loading.addClass('fancybox-ie');\r
729 }\r
730 \r
731 outer = $('<div id="fancybox-outer"></div>')\r
732 .append('<div class="fancy-bg" id="fancy-bg-n"></div><div class="fancy-bg" id="fancy-bg-ne"></div><div class="fancy-bg" id="fancy-bg-e"></div><div class="fancy-bg" id="fancy-bg-se"></div><div class="fancy-bg" id="fancy-bg-s"></div><div class="fancy-bg" id="fancy-bg-sw"></div><div class="fancy-bg" id="fancy-bg-w"></div><div class="fancy-bg" id="fancy-bg-nw"></div>')\r
733 .appendTo( wrap );\r
734 \r
735 outer.append(\r
736 inner = $('<div id="fancybox-inner"></div>'),\r
737 close = $('<a id="fancybox-close"></a>'),\r
738 \r
739 nav_left = $('<a href="javascript:;" id="fancybox-left"><span class="fancy-ico" id="fancybox-left-ico"></span></a>'),\r
740 nav_right = $('<a href="javascript:;" id="fancybox-right"><span class="fancy-ico" id="fancybox-right-ico"></span></a>')\r
741 );\r
742 \r
743 close.click($.fancybox.close);\r
744 loading.click($.fancybox.cancel);\r
745 \r
746 nav_left.click(function(e) {\r
747 e.preventDefault();\r
748 $.fancybox.prev();\r
749 });\r
750 \r
751 nav_right.click(function(e) {\r
752 e.preventDefault();\r
753 $.fancybox.next();\r
754 });\r
755 \r
756 if (isIE6) {\r
757 overlay.get(0).style.setExpression('height', "document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'");\r
758 loading.get(0).style.setExpression('top', "(-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'");\r
759 \r
760 outer.prepend('<iframe id="fancybox-hide-sel-frame" src="javascript:\'\';" scrolling="no" frameborder="0" ></iframe>');\r
761 }\r
762 };\r
763 \r
764 /*\r
765 * Public methods \r
766 */\r
767 \r
768 $.fn.fancybox = function(options) {\r
769 $(this)\r
770 .data('fancybox', $.extend({}, options, ($.metadata ? $(this).metadata() : {})))\r
771 .unbind('click.fb').bind('click.fb', function(e) {\r
772 e.preventDefault();\r
773 \r
774 if (busy) {\r
775 return;\r
776 }\r
777 \r
778 busy = true;\r
779 \r
780 $(this).blur();\r
781 \r
782 selectedArray = [];\r
783 selectedIndex = 0;\r
784 \r
785 var rel = $(this).attr('rel') || '';\r
786 \r
787 if (!rel || rel == '' || rel === 'nofollow') {\r
788 selectedArray.push(this);\r
789 \r
790 } else {\r
791 selectedArray = $("a[rel=" + rel + "], area[rel=" + rel + "]");\r
792 selectedIndex = selectedArray.index( this );\r
793 }\r
794 \r
795 fancybox_start();\r
796 \r
797 return false;\r
798 });\r
799 \r
800 return this;\r
801 };\r
802 \r
803 $.fancybox = function(obj) {\r
804 if (busy) {\r
805 return;\r
806 }\r
807 \r
808 busy = true;\r
809 \r
810 var opts = typeof arguments[1] !== 'undefined' ? arguments[1] : {};\r
811 \r
812 selectedArray = [];\r
813 selectedIndex = opts.index || 0;\r
814 \r
815 if ($.isArray(obj)) {\r
816 for (var i = 0, j = obj.length; i < j; i++) {\r
817 if (typeof obj[i] == 'object') {\r
818 $(obj[i]).data('fancybox', $.extend({}, opts, obj[i]));\r
819 } else {\r
820 obj[i] = $({}).data('fancybox', $.extend({content : obj[i]}, opts));\r
821 }\r
822 }\r
823 \r
824 selectedArray = jQuery.merge(selectedArray, obj);\r
825 \r
826 } else {\r
827 if (typeof obj == 'object') {\r
828 $(obj).data('fancybox', $.extend({}, opts, obj));\r
829 } else {\r
830 obj = $({}).data('fancybox', $.extend({content : obj}, opts));\r
831 }\r
832 \r
833 selectedArray.push(obj);\r
834 }\r
835 \r
836 if (selectedIndex > selectedArray.length || selectedIndex < 0) {\r
837 selectedIndex = 0;\r
838 }\r
839 \r
840 fancybox_start();\r
841 };\r
842 \r
843 $.fancybox.showActivity = function() {\r
844 clearInterval(loadingTimer);\r
845 \r
846 loading.show();\r
847 loadingTimer = setInterval(fancybox_animate_loading, 66);\r
848 };\r
849 \r
850 $.fancybox.hideActivity = function() {\r
851 loading.hide();\r
852 };\r
853 \r
854 $.fancybox.next = function() {\r
855 return $.fancybox.pos( currentIndex + 1);\r
856 };\r
857 \r
858 $.fancybox.prev = function() {\r
859 return $.fancybox.pos( currentIndex - 1);\r
860 };\r
861 \r
862 $.fancybox.pos = function(pos) {\r
863 if (busy) {\r
864 return;\r
865 }\r
866 \r
867 pos = parseInt(pos, 10);\r
868 \r
869 if (pos > -1 && currentArray.length > pos) {\r
870 selectedIndex = pos;\r
871 fancybox_start();\r
872 }\r
873 \r
874 if (currentOpts.cyclic && currentArray.length > 1 && pos < 0) {\r
875 selectedIndex = currentArray.length - 1;\r
876 fancybox_start();\r
877 }\r
878 \r
879 if (currentOpts.cyclic && currentArray.length > 1 && pos >= currentArray.length) {\r
880 selectedIndex = 0;\r
881 fancybox_start();\r
882 }\r
883 \r
884 return;\r
885 };\r
886 \r
887 $.fancybox.cancel = function() {\r
888 if (busy) {\r
889 return;\r
890 }\r
891 \r
892 busy = true;\r
893 \r
894 $.event.trigger('fancybox-cancel');\r
895 \r
896 fancybox_abort();\r
897 \r
898 if (selectedOpts && $.isFunction(selectedOpts.onCancel)) {\r
899 selectedOpts.onCancel(selectedArray, selectedIndex, selectedOpts);\r
900 }\r
901 \r
902 busy = false;\r
903 };\r
904 \r
905 // Note: within an iframe use - parent.$.fancybox.close();\r
906 $.fancybox.close = function() {\r
907 if (busy || wrap.is(':hidden')) {\r
908 return;\r
909 }\r
910 \r
911 busy = true;\r
912 \r
913 if (currentOpts && $.isFunction(currentOpts.onCleanup)) {\r
914 if (currentOpts.onCleanup(currentArray, currentIndex, currentOpts) === false) {\r
915 busy = false;\r
916 return;\r
917 }\r
918 }\r
919 \r
920 fancybox_abort();\r
921 \r
922 $(close.add( nav_left ).add( nav_right )).hide();\r
923 \r
924 $('#fancybox-title').remove();\r
925 \r
926 wrap.add(inner).add(overlay).unbind();\r
927 \r
928 $(window).unbind("resize.fb scroll.fb");\r
929 $(document).unbind('keydown.fb');\r
930 \r
931 function _cleanup() {\r
932 overlay.fadeOut('fast');\r
933 \r
934 wrap.hide();\r
935 \r
936 $.event.trigger('fancybox-cleanup');\r
937 \r
938 inner.empty();\r
939 \r
940 if ($.isFunction(currentOpts.onClosed)) {\r
941 currentOpts.onClosed(currentArray, currentIndex, currentOpts);\r
942 }\r
943 \r
944 currentArray = selectedOpts = [];\r
945 currentIndex = selectedIndex = 0;\r
946 currentOpts = selectedOpts = {};\r
947 \r
948 busy = false;\r
949 }\r
950 \r
951 inner.css('overflow', 'hidden');\r
952 \r
953 if (currentOpts.transitionOut == 'elastic') {\r
954 start_pos = fancybox_get_zoom_from();\r
955 \r
956 var pos = wrap.position();\r
957 \r
958 final_pos = {\r
959 top : pos.top ,\r
960 left : pos.left,\r
961 width : wrap.width(),\r
962 height : wrap.height()\r
963 };\r
964 \r
965 if (currentOpts.opacity) {\r
966 final_pos.opacity = 1;\r
967 }\r
968 \r
969 fx.prop = 1;\r
970 \r
971 $(fx).animate({ prop: 0 }, {\r
972 duration : currentOpts.speedOut,\r
973 easing : currentOpts.easingOut,\r
974 step : fancybox_draw,\r
975 complete : _cleanup\r
976 });\r
977 \r
978 } else {\r
979 wrap.fadeOut( currentOpts.transitionOut == 'none' ? 0 : currentOpts.speedOut, _cleanup);\r
980 }\r
981 };\r
982 \r
983 $.fancybox.resize = function() {\r
984 var c, h;\r
985 \r
986 if (busy || wrap.is(':hidden')) {\r
987 return;\r
988 }\r
989 \r
990 busy = true;\r
991 \r
992 c = inner.wrapInner("<div style='overflow:auto'></div>").children();\r
993 h = c.height();\r
994 \r
995 wrap.css({height: h + (currentOpts.padding * 2) + titleh});\r
996 inner.css({height: h});\r
997 \r
998 c.replaceWith(c.children());\r
999 \r
1000 $.fancybox.center();\r
1001 };\r
1002 \r
1003 $.fancybox.center = function() {\r
1004 busy = true;\r
1005 \r
1006 var view = fancybox_get_viewport(),\r
1007 margin = currentOpts.margin,\r
1008 to = {};\r
1009 \r
1010 to.top = view[3] + ((view[1] - ((wrap.height() - titleh) + (shadow * 2 ))) * 0.5);\r
1011 to.left = view[2] + ((view[0] - (wrap.width() + (shadow * 2 ))) * 0.5);\r
1012 \r
1013 to.top = Math.max(view[3] + margin, to.top);\r
1014 to.left = Math.max(view[2] + margin, to.left);\r
1015 \r
1016 wrap.css(to);\r
1017 \r
1018 busy = false;\r
1019 };\r
1020 \r
1021 $.fn.fancybox.defaults = {\r
1022 padding : 10,\r
1023 margin : 20,\r
1024 opacity : false,\r
1025 modal : false,\r
1026 cyclic : false,\r
1027 scrolling : 'auto', // 'auto', 'yes' or 'no'\r
1028 \r
1029 width : 560,\r
1030 height : 340,\r
1031 \r
1032 autoScale : true,\r
1033 autoDimensions : true,\r
1034 centerOnScroll : false,\r
1035 \r
1036 ajax : {},\r
1037 swf : { wmode: 'transparent' },\r
1038 \r
1039 hideOnOverlayClick : true,\r
1040 hideOnContentClick : false,\r
1041 \r
1042 overlayShow : true,\r
1043 overlayOpacity : 0.3,\r
1044 overlayColor : '#666',\r
1045 \r
1046 titleShow : true,\r
1047 titlePosition : 'outside', // 'outside', 'inside' or 'over'\r
1048 titleFormat : null,\r
1049 \r
1050 transitionIn : 'fade', // 'elastic', 'fade' or 'none'\r
1051 transitionOut : 'fade', // 'elastic', 'fade' or 'none'\r
1052 \r
1053 speedIn : 300,\r
1054 speedOut : 300,\r
1055 \r
1056 changeSpeed : 300,\r
1057 changeFade : 'fast',\r
1058 \r
1059 easingIn : 'swing',\r
1060 easingOut : 'swing',\r
1061 \r
1062 showCloseButton : true,\r
1063 showNavArrows : true,\r
1064 enableEscapeButton : true,\r
1065 \r
1066 onStart : null,\r
1067 onCancel : null,\r
1068 onComplete : null,\r
1069 onCleanup : null,\r
1070 onClosed : null\r
1071 };\r
1072 \r
1073 $(document).ready(function() {\r
1074 fancybox_init();\r
1075 });\r
1076 \r
1077 })(jQuery);