Mercurial > public > madeira

annotate static/js/fancybox2/source/jquery.fancybox.js @ 163:7fc4123fef70

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Stop passing callable to queryset. This is now deprecated. The usage here was most likely a mistake that has worked all these years. This change was for upgrading to Django 1.7.
author Brian Neal <bgneal@gmail.com>
date Thu, 02 Apr 2015 19:17:47 -0500
parents 846cda22d77c
children
rev   line source
bgneal@106 1 /*!
bgneal@106 2 * fancyBox - jQuery Plugin
bgneal@106 3 * version: 2.1.5 (Fri, 14 Jun 2013)
bgneal@106 4 * @requires jQuery v1.6 or later
bgneal@106 5 *
bgneal@106 6 * Examples at http://fancyapps.com/fancybox/
bgneal@106 7 * License: www.fancyapps.com/fancybox/#license
bgneal@106 8 *
bgneal@106 9 * Copyright 2012 Janis Skarnelis - janis@fancyapps.com
bgneal@106 10 *
bgneal@106 11 */
bgneal@106 12
bgneal@106 13 (function (window, document, $, undefined) {
bgneal@106 14 "use strict";
bgneal@106 15
bgneal@106 16 var H = $("html"),
bgneal@106 17 W = $(window),
bgneal@106 18 D = $(document),
bgneal@106 19 F = $.fancybox = function () {
bgneal@106 20 F.open.apply( this, arguments );
bgneal@106 21 },
bgneal@106 22 IE = navigator.userAgent.match(/msie/i),
bgneal@106 23 didUpdate = null,
bgneal@106 24 isTouch = document.createTouch !== undefined,
bgneal@106 25
bgneal@106 26 isQuery = function(obj) {
bgneal@106 27 return obj && obj.hasOwnProperty && obj instanceof $;
bgneal@106 28 },
bgneal@106 29 isString = function(str) {
bgneal@106 30 return str && $.type(str) === "string";
bgneal@106 31 },
bgneal@106 32 isPercentage = function(str) {
bgneal@106 33 return isString(str) && str.indexOf('%') > 0;
bgneal@106 34 },
bgneal@106 35 isScrollable = function(el) {
bgneal@106 36 return (el && !(el.style.overflow && el.style.overflow === 'hidden') && ((el.clientWidth && el.scrollWidth > el.clientWidth) || (el.clientHeight && el.scrollHeight > el.clientHeight)));
bgneal@106 37 },
bgneal@106 38 getScalar = function(orig, dim) {
bgneal@106 39 var value = parseInt(orig, 10) || 0;
bgneal@106 40
bgneal@106 41 if (dim && isPercentage(orig)) {
bgneal@106 42 value = F.getViewport()[ dim ] / 100 * value;
bgneal@106 43 }
bgneal@106 44
bgneal@106 45 return Math.ceil(value);
bgneal@106 46 },
bgneal@106 47 getValue = function(value, dim) {
bgneal@106 48 return getScalar(value, dim) + 'px';
bgneal@106 49 };
bgneal@106 50
bgneal@106 51 $.extend(F, {
bgneal@106 52 // The current version of fancyBox
bgneal@106 53 version: '2.1.5',
bgneal@106 54
bgneal@106 55 defaults: {
bgneal@106 56 padding : 15,
bgneal@106 57 margin : 20,
bgneal@106 58
bgneal@106 59 width : 800,
bgneal@106 60 height : 600,
bgneal@106 61 minWidth : 100,
bgneal@106 62 minHeight : 100,
bgneal@106 63 maxWidth : 9999,
bgneal@106 64 maxHeight : 9999,
bgneal@106 65 pixelRatio: 1, // Set to 2 for retina display support
bgneal@106 66
bgneal@106 67 autoSize : true,
bgneal@106 68 autoHeight : false,
bgneal@106 69 autoWidth : false,
bgneal@106 70
bgneal@106 71 autoResize : true,
bgneal@106 72 autoCenter : !isTouch,
bgneal@106 73 fitToView : true,
bgneal@106 74 aspectRatio : false,
bgneal@106 75 topRatio : 0.5,
bgneal@106 76 leftRatio : 0.5,
bgneal@106 77
bgneal@106 78 scrolling : 'auto', // 'auto', 'yes' or 'no'
bgneal@106 79 wrapCSS : '',
bgneal@106 80
bgneal@106 81 arrows : true,
bgneal@106 82 closeBtn : true,
bgneal@106 83 closeClick : false,
bgneal@106 84 nextClick : false,
bgneal@106 85 mouseWheel : true,
bgneal@106 86 autoPlay : false,
bgneal@106 87 playSpeed : 3000,
bgneal@106 88 preload : 3,
bgneal@106 89 modal : false,
bgneal@106 90 loop : true,
bgneal@106 91
bgneal@106 92 ajax : {
bgneal@106 93 dataType : 'html',
bgneal@106 94 headers : { 'X-fancyBox': true }
bgneal@106 95 },
bgneal@106 96 iframe : {
bgneal@106 97 scrolling : 'auto',
bgneal@106 98 preload : true
bgneal@106 99 },
bgneal@106 100 swf : {
bgneal@106 101 wmode: 'transparent',
bgneal@106 102 allowfullscreen : 'true',
bgneal@106 103 allowscriptaccess : 'always'
bgneal@106 104 },
bgneal@106 105
bgneal@106 106 keys : {
bgneal@106 107 next : {
bgneal@106 108 13 : 'left', // enter
bgneal@106 109 34 : 'up', // page down
bgneal@106 110 39 : 'left', // right arrow
bgneal@106 111 40 : 'up' // down arrow
bgneal@106 112 },
bgneal@106 113 prev : {
bgneal@106 114 8 : 'right', // backspace
bgneal@106 115 33 : 'down', // page up
bgneal@106 116 37 : 'right', // left arrow
bgneal@106 117 38 : 'down' // up arrow
bgneal@106 118 },
bgneal@106 119 close : [27], // escape key
bgneal@106 120 play : [32], // space - start/stop slideshow
bgneal@106 121 toggle : [70] // letter "f" - toggle fullscreen
bgneal@106 122 },
bgneal@106 123
bgneal@106 124 direction : {
bgneal@106 125 next : 'left',
bgneal@106 126 prev : 'right'
bgneal@106 127 },
bgneal@106 128
bgneal@106 129 scrollOutside : true,
bgneal@106 130
bgneal@106 131 // Override some properties
bgneal@106 132 index : 0,
bgneal@106 133 type : null,
bgneal@106 134 href : null,
bgneal@106 135 content : null,
bgneal@106 136 title : null,
bgneal@106 137
bgneal@106 138 // HTML templates
bgneal@106 139 tpl: {
bgneal@106 140 wrap : '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',
bgneal@106 141 image : '<img class="fancybox-image" src="{href}" alt="" />',
bgneal@106 142 iframe : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen' + (IE ? ' allowtransparency="true"' : '') + '></iframe>',
bgneal@106 143 error : '<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',
bgneal@106 144 closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',
bgneal@106 145 next : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
bgneal@106 146 prev : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
bgneal@106 147 },
bgneal@106 148
bgneal@106 149 // Properties for each animation type
bgneal@106 150 // Opening fancyBox
bgneal@106 151 openEffect : 'fade', // 'elastic', 'fade' or 'none'
bgneal@106 152 openSpeed : 250,
bgneal@106 153 openEasing : 'swing',
bgneal@106 154 openOpacity : true,
bgneal@106 155 openMethod : 'zoomIn',
bgneal@106 156
bgneal@106 157 // Closing fancyBox
bgneal@106 158 closeEffect : 'fade', // 'elastic', 'fade' or 'none'
bgneal@106 159 closeSpeed : 250,
bgneal@106 160 closeEasing : 'swing',
bgneal@106 161 closeOpacity : true,
bgneal@106 162 closeMethod : 'zoomOut',
bgneal@106 163
bgneal@106 164 // Changing next gallery item
bgneal@106 165 nextEffect : 'elastic', // 'elastic', 'fade' or 'none'
bgneal@106 166 nextSpeed : 250,
bgneal@106 167 nextEasing : 'swing',
bgneal@106 168 nextMethod : 'changeIn',
bgneal@106 169
bgneal@106 170 // Changing previous gallery item
bgneal@106 171 prevEffect : 'elastic', // 'elastic', 'fade' or 'none'
bgneal@106 172 prevSpeed : 250,
bgneal@106 173 prevEasing : 'swing',
bgneal@106 174 prevMethod : 'changeOut',
bgneal@106 175
bgneal@106 176 // Enable default helpers
bgneal@106 177 helpers : {
bgneal@106 178 overlay : true,
bgneal@106 179 title : true
bgneal@106 180 },
bgneal@106 181
bgneal@106 182 // Callbacks
bgneal@106 183 onCancel : $.noop, // If canceling
bgneal@106 184 beforeLoad : $.noop, // Before loading
bgneal@106 185 afterLoad : $.noop, // After loading
bgneal@106 186 beforeShow : $.noop, // Before changing in current item
bgneal@106 187 afterShow : $.noop, // After opening
bgneal@106 188 beforeChange : $.noop, // Before changing gallery item
bgneal@106 189 beforeClose : $.noop, // Before closing
bgneal@106 190 afterClose : $.noop // After closing
bgneal@106 191 },
bgneal@106 192
bgneal@106 193 //Current state
bgneal@106 194 group : {}, // Selected group
bgneal@106 195 opts : {}, // Group options
bgneal@106 196 previous : null, // Previous element
bgneal@106 197 coming : null, // Element being loaded
bgneal@106 198 current : null, // Currently loaded element
bgneal@106 199 isActive : false, // Is activated
bgneal@106 200 isOpen : false, // Is currently open
bgneal@106 201 isOpened : false, // Have been fully opened at least once
bgneal@106 202
bgneal@106 203 wrap : null,
bgneal@106 204 skin : null,
bgneal@106 205 outer : null,
bgneal@106 206 inner : null,
bgneal@106 207
bgneal@106 208 player : {
bgneal@106 209 timer : null,
bgneal@106 210 isActive : false
bgneal@106 211 },
bgneal@106 212
bgneal@106 213 // Loaders
bgneal@106 214 ajaxLoad : null,
bgneal@106 215 imgPreload : null,
bgneal@106 216
bgneal@106 217 // Some collections
bgneal@106 218 transitions : {},
bgneal@106 219 helpers : {},
bgneal@106 220
bgneal@106 221 /*
bgneal@106 222 * Static methods
bgneal@106 223 */
bgneal@106 224
bgneal@106 225 open: function (group, opts) {
bgneal@106 226 if (!group) {
bgneal@106 227 return;
bgneal@106 228 }
bgneal@106 229
bgneal@106 230 if (!$.isPlainObject(opts)) {
bgneal@106 231 opts = {};
bgneal@106 232 }
bgneal@106 233
bgneal@106 234 // Close if already active
bgneal@106 235 if (false === F.close(true)) {
bgneal@106 236 return;
bgneal@106 237 }
bgneal@106 238
bgneal@106 239 // Normalize group
bgneal@106 240 if (!$.isArray(group)) {
bgneal@106 241 group = isQuery(group) ? $(group).get() : [group];
bgneal@106 242 }
bgneal@106 243
bgneal@106 244 // Recheck if the type of each element is `object` and set content type (image, ajax, etc)
bgneal@106 245 $.each(group, function(i, element) {
bgneal@106 246 var obj = {},
bgneal@106 247 href,
bgneal@106 248 title,
bgneal@106 249 content,
bgneal@106 250 type,
bgneal@106 251 rez,
bgneal@106 252 hrefParts,
bgneal@106 253 selector;
bgneal@106 254
bgneal@106 255 if ($.type(element) === "object") {
bgneal@106 256 // Check if is DOM element
bgneal@106 257 if (element.nodeType) {
bgneal@106 258 element = $(element);
bgneal@106 259 }
bgneal@106 260
bgneal@106 261 if (isQuery(element)) {
bgneal@106 262 obj = {
bgneal@106 263 href : element.data('fancybox-href') || element.attr('href'),
bgneal@106 264 title : element.data('fancybox-title') || element.attr('title'),
bgneal@106 265 isDom : true,
bgneal@106 266 element : element
bgneal@106 267 };
bgneal@106 268
bgneal@106 269 if ($.metadata) {
bgneal@106 270 $.extend(true, obj, element.metadata());
bgneal@106 271 }
bgneal@106 272
bgneal@106 273 } else {
bgneal@106 274 obj = element;
bgneal@106 275 }
bgneal@106 276 }
bgneal@106 277
bgneal@106 278 href = opts.href || obj.href || (isString(element) ? element : null);
bgneal@106 279 title = opts.title !== undefined ? opts.title : obj.title || '';
bgneal@106 280
bgneal@106 281 content = opts.content || obj.content;
bgneal@106 282 type = content ? 'html' : (opts.type || obj.type);
bgneal@106 283
bgneal@106 284 if (!type && obj.isDom) {
bgneal@106 285 type = element.data('fancybox-type');
bgneal@106 286
bgneal@106 287 if (!type) {
bgneal@106 288 rez = element.prop('class').match(/fancybox\.(\w+)/);
bgneal@106 289 type = rez ? rez[1] : null;
bgneal@106 290 }
bgneal@106 291 }
bgneal@106 292
bgneal@106 293 if (isString(href)) {
bgneal@106 294 // Try to guess the content type
bgneal@106 295 if (!type) {
bgneal@106 296 if (F.isImage(href)) {
bgneal@106 297 type = 'image';
bgneal@106 298
bgneal@106 299 } else if (F.isSWF(href)) {
bgneal@106 300 type = 'swf';
bgneal@106 301
bgneal@106 302 } else if (href.charAt(0) === '#') {
bgneal@106 303 type = 'inline';
bgneal@106 304
bgneal@106 305 } else if (isString(element)) {
bgneal@106 306 type = 'html';
bgneal@106 307 content = element;
bgneal@106 308 }
bgneal@106 309 }
bgneal@106 310
bgneal@106 311 // Split url into two pieces with source url and content selector, e.g,
bgneal@106 312 // "/mypage.html #my_id" will load "/mypage.html" and display element having id "my_id"
bgneal@106 313 if (type === 'ajax') {
bgneal@106 314 hrefParts = href.split(/\s+/, 2);
bgneal@106 315 href = hrefParts.shift();
bgneal@106 316 selector = hrefParts.shift();
bgneal@106 317 }
bgneal@106 318 }
bgneal@106 319
bgneal@106 320 if (!content) {
bgneal@106 321 if (type === 'inline') {
bgneal@106 322 if (href) {
bgneal@106 323 content = $( isString(href) ? href.replace(/.*(?=#[^\s]+$)/, '') : href ); //strip for ie7
bgneal@106 324
bgneal@106 325 } else if (obj.isDom) {
bgneal@106 326 content = element;
bgneal@106 327 }
bgneal@106 328
bgneal@106 329 } else if (type === 'html') {
bgneal@106 330 content = href;
bgneal@106 331
bgneal@106 332 } else if (!type && !href && obj.isDom) {
bgneal@106 333 type = 'inline';
bgneal@106 334 content = element;
bgneal@106 335 }
bgneal@106 336 }
bgneal@106 337
bgneal@106 338 $.extend(obj, {
bgneal@106 339 href : href,
bgneal@106 340 type : type,
bgneal@106 341 content : content,
bgneal@106 342 title : title,
bgneal@106 343 selector : selector
bgneal@106 344 });
bgneal@106 345
bgneal@106 346 group[ i ] = obj;
bgneal@106 347 });
bgneal@106 348
bgneal@106 349 // Extend the defaults
bgneal@106 350 F.opts = $.extend(true, {}, F.defaults, opts);
bgneal@106 351
bgneal@106 352 // All options are merged recursive except keys
bgneal@106 353 if (opts.keys !== undefined) {
bgneal@106 354 F.opts.keys = opts.keys ? $.extend({}, F.defaults.keys, opts.keys) : false;
bgneal@106 355 }
bgneal@106 356
bgneal@106 357 F.group = group;
bgneal@106 358
bgneal@106 359 return F._start(F.opts.index);
bgneal@106 360 },
bgneal@106 361
bgneal@106 362 // Cancel image loading or abort ajax request
bgneal@106 363 cancel: function () {
bgneal@106 364 var coming = F.coming;
bgneal@106 365
bgneal@106 366 if (!coming || false === F.trigger('onCancel')) {
bgneal@106 367 return;
bgneal@106 368 }
bgneal@106 369
bgneal@106 370 F.hideLoading();
bgneal@106 371
bgneal@106 372 if (F.ajaxLoad) {
bgneal@106 373 F.ajaxLoad.abort();
bgneal@106 374 }
bgneal@106 375
bgneal@106 376 F.ajaxLoad = null;
bgneal@106 377
bgneal@106 378 if (F.imgPreload) {
bgneal@106 379 F.imgPreload.onload = F.imgPreload.onerror = null;
bgneal@106 380 }
bgneal@106 381
bgneal@106 382 if (coming.wrap) {
bgneal@106 383 coming.wrap.stop(true, true).trigger('onReset').remove();
bgneal@106 384 }
bgneal@106 385
bgneal@106 386 F.coming = null;
bgneal@106 387
bgneal@106 388 // If the first item has been canceled, then clear everything
bgneal@106 389 if (!F.current) {
bgneal@106 390 F._afterZoomOut( coming );
bgneal@106 391 }
bgneal@106 392 },
bgneal@106 393
bgneal@106 394 // Start closing animation if is open; remove immediately if opening/closing
bgneal@106 395 close: function (event) {
bgneal@106 396 F.cancel();
bgneal@106 397
bgneal@106 398 if (false === F.trigger('beforeClose')) {
bgneal@106 399 return;
bgneal@106 400 }
bgneal@106 401
bgneal@106 402 F.unbindEvents();
bgneal@106 403
bgneal@106 404 if (!F.isActive) {
bgneal@106 405 return;
bgneal@106 406 }
bgneal@106 407
bgneal@106 408 if (!F.isOpen || event === true) {
bgneal@106 409 $('.fancybox-wrap').stop(true).trigger('onReset').remove();
bgneal@106 410
bgneal@106 411 F._afterZoomOut();
bgneal@106 412
bgneal@106 413 } else {
bgneal@106 414 F.isOpen = F.isOpened = false;
bgneal@106 415 F.isClosing = true;
bgneal@106 416
bgneal@106 417 $('.fancybox-item, .fancybox-nav').remove();
bgneal@106 418
bgneal@106 419 F.wrap.stop(true, true).removeClass('fancybox-opened');
bgneal@106 420
bgneal@106 421 F.transitions[ F.current.closeMethod ]();
bgneal@106 422 }
bgneal@106 423 },
bgneal@106 424
bgneal@106 425 // Manage slideshow:
bgneal@106 426 // $.fancybox.play(); - toggle slideshow
bgneal@106 427 // $.fancybox.play( true ); - start
bgneal@106 428 // $.fancybox.play( false ); - stop
bgneal@106 429 play: function ( action ) {
bgneal@106 430 var clear = function () {
bgneal@106 431 clearTimeout(F.player.timer);
bgneal@106 432 },
bgneal@106 433 set = function () {
bgneal@106 434 clear();
bgneal@106 435
bgneal@106 436 if (F.current && F.player.isActive) {
bgneal@106 437 F.player.timer = setTimeout(F.next, F.current.playSpeed);
bgneal@106 438 }
bgneal@106 439 },
bgneal@106 440 stop = function () {
bgneal@106 441 clear();
bgneal@106 442
bgneal@106 443 D.unbind('.player');
bgneal@106 444
bgneal@106 445 F.player.isActive = false;
bgneal@106 446
bgneal@106 447 F.trigger('onPlayEnd');
bgneal@106 448 },
bgneal@106 449 start = function () {
bgneal@106 450 if (F.current && (F.current.loop || F.current.index < F.group.length - 1)) {
bgneal@106 451 F.player.isActive = true;
bgneal@106 452
bgneal@106 453 D.bind({
bgneal@106 454 'onCancel.player beforeClose.player' : stop,
bgneal@106 455 'onUpdate.player' : set,
bgneal@106 456 'beforeLoad.player' : clear
bgneal@106 457 });
bgneal@106 458
bgneal@106 459 set();
bgneal@106 460
bgneal@106 461 F.trigger('onPlayStart');
bgneal@106 462 }
bgneal@106 463 };
bgneal@106 464
bgneal@106 465 if (action === true || (!F.player.isActive && action !== false)) {
bgneal@106 466 start();
bgneal@106 467 } else {
bgneal@106 468 stop();
bgneal@106 469 }
bgneal@106 470 },
bgneal@106 471
bgneal@106 472 // Navigate to next gallery item
bgneal@106 473 next: function ( direction ) {
bgneal@106 474 var current = F.current;
bgneal@106 475
bgneal@106 476 if (current) {
bgneal@106 477 if (!isString(direction)) {
bgneal@106 478 direction = current.direction.next;
bgneal@106 479 }
bgneal@106 480
bgneal@106 481 F.jumpto(current.index + 1, direction, 'next');
bgneal@106 482 }
bgneal@106 483 },
bgneal@106 484
bgneal@106 485 // Navigate to previous gallery item
bgneal@106 486 prev: function ( direction ) {
bgneal@106 487 var current = F.current;
bgneal@106 488
bgneal@106 489 if (current) {
bgneal@106 490 if (!isString(direction)) {
bgneal@106 491 direction = current.direction.prev;
bgneal@106 492 }
bgneal@106 493
bgneal@106 494 F.jumpto(current.index - 1, direction, 'prev');
bgneal@106 495 }
bgneal@106 496 },
bgneal@106 497
bgneal@106 498 // Navigate to gallery item by index
bgneal@106 499 jumpto: function ( index, direction, router ) {
bgneal@106 500 var current = F.current;
bgneal@106 501
bgneal@106 502 if (!current) {
bgneal@106 503 return;
bgneal@106 504 }
bgneal@106 505
bgneal@106 506 index = getScalar(index);
bgneal@106 507
bgneal@106 508 F.direction = direction || current.direction[ (index >= current.index ? 'next' : 'prev') ];
bgneal@106 509 F.router = router || 'jumpto';
bgneal@106 510
bgneal@106 511 if (current.loop) {
bgneal@106 512 if (index < 0) {
bgneal@106 513 index = current.group.length + (index % current.group.length);
bgneal@106 514 }
bgneal@106 515
bgneal@106 516 index = index % current.group.length;
bgneal@106 517 }
bgneal@106 518
bgneal@106 519 if (current.group[ index ] !== undefined) {
bgneal@106 520 F.cancel();
bgneal@106 521
bgneal@106 522 F._start(index);
bgneal@106 523 }
bgneal@106 524 },
bgneal@106 525
bgneal@106 526 // Center inside viewport and toggle position type to fixed or absolute if needed
bgneal@106 527 reposition: function (e, onlyAbsolute) {
bgneal@106 528 var current = F.current,
bgneal@106 529 wrap = current ? current.wrap : null,
bgneal@106 530 pos;
bgneal@106 531
bgneal@106 532 if (wrap) {
bgneal@106 533 pos = F._getPosition(onlyAbsolute);
bgneal@106 534
bgneal@106 535 if (e && e.type === 'scroll') {
bgneal@106 536 delete pos.position;
bgneal@106 537
bgneal@106 538 wrap.stop(true, true).animate(pos, 200);
bgneal@106 539
bgneal@106 540 } else {
bgneal@106 541 wrap.css(pos);
bgneal@106 542
bgneal@106 543 current.pos = $.extend({}, current.dim, pos);
bgneal@106 544 }
bgneal@106 545 }
bgneal@106 546 },
bgneal@106 547
bgneal@106 548 update: function (e) {
bgneal@106 549 var type = (e && e.type),
bgneal@106 550 anyway = !type || type === 'orientationchange';
bgneal@106 551
bgneal@106 552 if (anyway) {
bgneal@106 553 clearTimeout(didUpdate);
bgneal@106 554
bgneal@106 555 didUpdate = null;
bgneal@106 556 }
bgneal@106 557
bgneal@106 558 if (!F.isOpen || didUpdate) {
bgneal@106 559 return;
bgneal@106 560 }
bgneal@106 561
bgneal@106 562 didUpdate = setTimeout(function() {
bgneal@106 563 var current = F.current;
bgneal@106 564
bgneal@106 565 if (!current || F.isClosing) {
bgneal@106 566 return;
bgneal@106 567 }
bgneal@106 568
bgneal@106 569 F.wrap.removeClass('fancybox-tmp');
bgneal@106 570
bgneal@106 571 if (anyway || type === 'load' || (type === 'resize' && current.autoResize)) {
bgneal@106 572 F._setDimension();
bgneal@106 573 }
bgneal@106 574
bgneal@106 575 if (!(type === 'scroll' && current.canShrink)) {
bgneal@106 576 F.reposition(e);
bgneal@106 577 }
bgneal@106 578
bgneal@106 579 F.trigger('onUpdate');
bgneal@106 580
bgneal@106 581 didUpdate = null;
bgneal@106 582
bgneal@106 583 }, (anyway && !isTouch ? 0 : 300));
bgneal@106 584 },
bgneal@106 585
bgneal@106 586 // Shrink content to fit inside viewport or restore if resized
bgneal@106 587 toggle: function ( action ) {
bgneal@106 588 if (F.isOpen) {
bgneal@106 589 F.current.fitToView = $.type(action) === "boolean" ? action : !F.current.fitToView;
bgneal@106 590
bgneal@106 591 // Help browser to restore document dimensions
bgneal@106 592 if (isTouch) {
bgneal@106 593 F.wrap.removeAttr('style').addClass('fancybox-tmp');
bgneal@106 594
bgneal@106 595 F.trigger('onUpdate');
bgneal@106 596 }
bgneal@106 597
bgneal@106 598 F.update();
bgneal@106 599 }
bgneal@106 600 },
bgneal@106 601
bgneal@106 602 hideLoading: function () {
bgneal@106 603 D.unbind('.loading');
bgneal@106 604
bgneal@106 605 $('#fancybox-loading').remove();
bgneal@106 606 },
bgneal@106 607
bgneal@106 608 showLoading: function () {
bgneal@106 609 var el, viewport;
bgneal@106 610
bgneal@106 611 F.hideLoading();
bgneal@106 612
bgneal@106 613 el = $('<div id="fancybox-loading"><div></div></div>').click(F.cancel).appendTo('body');
bgneal@106 614
bgneal@106 615 // If user will press the escape-button, the request will be canceled
bgneal@106 616 D.bind('keydown.loading', function(e) {
bgneal@106 617 if ((e.which || e.keyCode) === 27) {
bgneal@106 618 e.preventDefault();
bgneal@106 619
bgneal@106 620 F.cancel();
bgneal@106 621 }
bgneal@106 622 });
bgneal@106 623
bgneal@106 624 if (!F.defaults.fixed) {
bgneal@106 625 viewport = F.getViewport();
bgneal@106 626
bgneal@106 627 el.css({
bgneal@106 628 position : 'absolute',
bgneal@106 629 top : (viewport.h * 0.5) + viewport.y,
bgneal@106 630 left : (viewport.w * 0.5) + viewport.x
bgneal@106 631 });
bgneal@106 632 }
bgneal@106 633 },
bgneal@106 634
bgneal@106 635 getViewport: function () {
bgneal@106 636 var locked = (F.current && F.current.locked) || false,
bgneal@106 637 rez = {
bgneal@106 638 x: W.scrollLeft(),
bgneal@106 639 y: W.scrollTop()
bgneal@106 640 };
bgneal@106 641
bgneal@106 642 if (locked) {
bgneal@106 643 rez.w = locked[0].clientWidth;
bgneal@106 644 rez.h = locked[0].clientHeight;
bgneal@106 645
bgneal@106 646 } else {
bgneal@106 647 // See http://bugs.jquery.com/ticket/6724
bgneal@106 648 rez.w = isTouch && window.innerWidth ? window.innerWidth : W.width();
bgneal@106 649 rez.h = isTouch && window.innerHeight ? window.innerHeight : W.height();
bgneal@106 650 }
bgneal@106 651
bgneal@106 652 return rez;
bgneal@106 653 },
bgneal@106 654
bgneal@106 655 // Unbind the keyboard / clicking actions
bgneal@106 656 unbindEvents: function () {
bgneal@106 657 if (F.wrap && isQuery(F.wrap)) {
bgneal@106 658 F.wrap.unbind('.fb');
bgneal@106 659 }
bgneal@106 660
bgneal@106 661 D.unbind('.fb');
bgneal@106 662 W.unbind('.fb');
bgneal@106 663 },
bgneal@106 664
bgneal@106 665 bindEvents: function () {
bgneal@106 666 var current = F.current,
bgneal@106 667 keys;
bgneal@106 668
bgneal@106 669 if (!current) {
bgneal@106 670 return;
bgneal@106 671 }
bgneal@106 672
bgneal@106 673 // Changing document height on iOS devices triggers a 'resize' event,
bgneal@106 674 // that can change document height... repeating infinitely
bgneal@106 675 W.bind('orientationchange.fb' + (isTouch ? '' : ' resize.fb') + (current.autoCenter && !current.locked ? ' scroll.fb' : ''), F.update);
bgneal@106 676
bgneal@106 677 keys = current.keys;
bgneal@106 678
bgneal@106 679 if (keys) {
bgneal@106 680 D.bind('keydown.fb', function (e) {
bgneal@106 681 var code = e.which || e.keyCode,
bgneal@106 682 target = e.target || e.srcElement;
bgneal@106 683
bgneal@106 684 // Skip esc key if loading, because showLoading will cancel preloading
bgneal@106 685 if (code === 27 && F.coming) {
bgneal@106 686 return false;
bgneal@106 687 }
bgneal@106 688
bgneal@106 689 // Ignore key combinations and key events within form elements
bgneal@106 690 if (!e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey && !(target && (target.type || $(target).is('[contenteditable]')))) {
bgneal@106 691 $.each(keys, function(i, val) {
bgneal@106 692 if (current.group.length > 1 && val[ code ] !== undefined) {
bgneal@106 693 F[ i ]( val[ code ] );
bgneal@106 694
bgneal@106 695 e.preventDefault();
bgneal@106 696 return false;
bgneal@106 697 }
bgneal@106 698
bgneal@106 699 if ($.inArray(code, val) > -1) {
bgneal@106 700 F[ i ] ();
bgneal@106 701
bgneal@106 702 e.preventDefault();
bgneal@106 703 return false;
bgneal@106 704 }
bgneal@106 705 });
bgneal@106 706 }
bgneal@106 707 });
bgneal@106 708 }
bgneal@106 709
bgneal@106 710 if ($.fn.mousewheel && current.mouseWheel) {
bgneal@106 711 F.wrap.bind('mousewheel.fb', function (e, delta, deltaX, deltaY) {
bgneal@106 712 var target = e.target || null,
bgneal@106 713 parent = $(target),
bgneal@106 714 canScroll = false;
bgneal@106 715
bgneal@106 716 while (parent.length) {
bgneal@106 717 if (canScroll || parent.is('.fancybox-skin') || parent.is('.fancybox-wrap')) {
bgneal@106 718 break;
bgneal@106 719 }
bgneal@106 720
bgneal@106 721 canScroll = isScrollable( parent[0] );
bgneal@106 722 parent = $(parent).parent();
bgneal@106 723 }
bgneal@106 724
bgneal@106 725 if (delta !== 0 && !canScroll) {
bgneal@106 726 if (F.group.length > 1 && !current.canShrink) {
bgneal@106 727 if (deltaY > 0 || deltaX > 0) {
bgneal@106 728 F.prev( deltaY > 0 ? 'down' : 'left' );
bgneal@106 729
bgneal@106 730 } else if (deltaY < 0 || deltaX < 0) {
bgneal@106 731 F.next( deltaY < 0 ? 'up' : 'right' );
bgneal@106 732 }
bgneal@106 733
bgneal@106 734 e.preventDefault();
bgneal@106 735 }
bgneal@106 736 }
bgneal@106 737 });
bgneal@106 738 }
bgneal@106 739 },
bgneal@106 740
bgneal@106 741 trigger: function (event, o) {
bgneal@106 742 var ret, obj = o || F.coming || F.current;
bgneal@106 743
bgneal@106 744 if (!obj) {
bgneal@106 745 return;
bgneal@106 746 }
bgneal@106 747
bgneal@106 748 if ($.isFunction( obj[event] )) {
bgneal@106 749 ret = obj[event].apply(obj, Array.prototype.slice.call(arguments, 1));
bgneal@106 750 }
bgneal@106 751
bgneal@106 752 if (ret === false) {
bgneal@106 753 return false;
bgneal@106 754 }
bgneal@106 755
bgneal@106 756 if (obj.helpers) {
bgneal@106 757 $.each(obj.helpers, function (helper, opts) {
bgneal@106 758 if (opts && F.helpers[helper] && $.isFunction(F.helpers[helper][event])) {
bgneal@106 759 F.helpers[helper][event]($.extend(true, {}, F.helpers[helper].defaults, opts), obj);
bgneal@106 760 }
bgneal@106 761 });
bgneal@106 762 }
bgneal@106 763
bgneal@106 764 D.trigger(event);
bgneal@106 765 },
bgneal@106 766
bgneal@106 767 isImage: function (str) {
bgneal@106 768 return isString(str) && str.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i);
bgneal@106 769 },
bgneal@106 770
bgneal@106 771 isSWF: function (str) {
bgneal@106 772 return isString(str) && str.match(/\.(swf)((\?|#).*)?$/i);
bgneal@106 773 },
bgneal@106 774
bgneal@106 775 _start: function (index) {
bgneal@106 776 var coming = {},
bgneal@106 777 obj,
bgneal@106 778 href,
bgneal@106 779 type,
bgneal@106 780 margin,
bgneal@106 781 padding;
bgneal@106 782
bgneal@106 783 index = getScalar( index );
bgneal@106 784 obj = F.group[ index ] || null;
bgneal@106 785
bgneal@106 786 if (!obj) {
bgneal@106 787 return false;
bgneal@106 788 }
bgneal@106 789
bgneal@106 790 coming = $.extend(true, {}, F.opts, obj);
bgneal@106 791
bgneal@106 792 // Convert margin and padding properties to array - top, right, bottom, left
bgneal@106 793 margin = coming.margin;
bgneal@106 794 padding = coming.padding;
bgneal@106 795
bgneal@106 796 if ($.type(margin) === 'number') {
bgneal@106 797 coming.margin = [margin, margin, margin, margin];
bgneal@106 798 }
bgneal@106 799
bgneal@106 800 if ($.type(padding) === 'number') {
bgneal@106 801 coming.padding = [padding, padding, padding, padding];
bgneal@106 802 }
bgneal@106 803
bgneal@106 804 // 'modal' propery is just a shortcut
bgneal@106 805 if (coming.modal) {
bgneal@106 806 $.extend(true, coming, {
bgneal@106 807 closeBtn : false,
bgneal@106 808 closeClick : false,
bgneal@106 809 nextClick : false,
bgneal@106 810 arrows : false,
bgneal@106 811 mouseWheel : false,
bgneal@106 812 keys : null,
bgneal@106 813 helpers: {
bgneal@106 814 overlay : {
bgneal@106 815 closeClick : false
bgneal@106 816 }
bgneal@106 817 }
bgneal@106 818 });
bgneal@106 819 }
bgneal@106 820
bgneal@106 821 // 'autoSize' property is a shortcut, too
bgneal@106 822 if (coming.autoSize) {
bgneal@106 823 coming.autoWidth = coming.autoHeight = true;
bgneal@106 824 }
bgneal@106 825
bgneal@106 826 if (coming.width === 'auto') {
bgneal@106 827 coming.autoWidth = true;
bgneal@106 828 }
bgneal@106 829
bgneal@106 830 if (coming.height === 'auto') {
bgneal@106 831 coming.autoHeight = true;
bgneal@106 832 }
bgneal@106 833
bgneal@106 834 /*
bgneal@106 835 * Add reference to the group, so it`s possible to access from callbacks, example:
bgneal@106 836 * afterLoad : function() {
bgneal@106 837 * this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
bgneal@106 838 * }
bgneal@106 839 */
bgneal@106 840
bgneal@106 841 coming.group = F.group;
bgneal@106 842 coming.index = index;
bgneal@106 843
bgneal@106 844 // Give a chance for callback or helpers to update coming item (type, title, etc)
bgneal@106 845 F.coming = coming;
bgneal@106 846
bgneal@106 847 if (false === F.trigger('beforeLoad')) {
bgneal@106 848 F.coming = null;
bgneal@106 849
bgneal@106 850 return;
bgneal@106 851 }
bgneal@106 852
bgneal@106 853 type = coming.type;
bgneal@106 854 href = coming.href;
bgneal@106 855
bgneal@106 856 if (!type) {
bgneal@106 857 F.coming = null;
bgneal@106 858
bgneal@106 859 //If we can not determine content type then drop silently or display next/prev item if looping through gallery
bgneal@106 860 if (F.current && F.router && F.router !== 'jumpto') {
bgneal@106 861 F.current.index = index;
bgneal@106 862
bgneal@106 863 return F[ F.router ]( F.direction );
bgneal@106 864 }
bgneal@106 865
bgneal@106 866 return false;
bgneal@106 867 }
bgneal@106 868
bgneal@106 869 F.isActive = true;
bgneal@106 870
bgneal@106 871 if (type === 'image' || type === 'swf') {
bgneal@106 872 coming.autoHeight = coming.autoWidth = false;
bgneal@106 873 coming.scrolling = 'visible';
bgneal@106 874 }
bgneal@106 875
bgneal@106 876 if (type === 'image') {
bgneal@106 877 coming.aspectRatio = true;
bgneal@106 878 }
bgneal@106 879
bgneal@106 880 if (type === 'iframe' && isTouch) {
bgneal@106 881 coming.scrolling = 'scroll';
bgneal@106 882 }
bgneal@106 883
bgneal@106 884 // Build the neccessary markup
bgneal@106 885 coming.wrap = $(coming.tpl.wrap).addClass('fancybox-' + (isTouch ? 'mobile' : 'desktop') + ' fancybox-type-' + type + ' fancybox-tmp ' + coming.wrapCSS).appendTo( coming.parent || 'body' );
bgneal@106 886
bgneal@106 887 $.extend(coming, {
bgneal@106 888 skin : $('.fancybox-skin', coming.wrap),
bgneal@106 889 outer : $('.fancybox-outer', coming.wrap),
bgneal@106 890 inner : $('.fancybox-inner', coming.wrap)
bgneal@106 891 });
bgneal@106 892
bgneal@106 893 $.each(["Top", "Right", "Bottom", "Left"], function(i, v) {
bgneal@106 894 coming.skin.css('padding' + v, getValue(coming.padding[ i ]));
bgneal@106 895 });
bgneal@106 896
bgneal@106 897 F.trigger('onReady');
bgneal@106 898
bgneal@106 899 // Check before try to load; 'inline' and 'html' types need content, others - href
bgneal@106 900 if (type === 'inline' || type === 'html') {
bgneal@106 901 if (!coming.content || !coming.content.length) {
bgneal@106 902 return F._error( 'content' );
bgneal@106 903 }
bgneal@106 904
bgneal@106 905 } else if (!href) {
bgneal@106 906 return F._error( 'href' );
bgneal@106 907 }
bgneal@106 908
bgneal@106 909 if (type === 'image') {
bgneal@106 910 F._loadImage();
bgneal@106 911
bgneal@106 912 } else if (type === 'ajax') {
bgneal@106 913 F._loadAjax();
bgneal@106 914
bgneal@106 915 } else if (type === 'iframe') {
bgneal@106 916 F._loadIframe();
bgneal@106 917
bgneal@106 918 } else {
bgneal@106 919 F._afterLoad();
bgneal@106 920 }
bgneal@106 921 },
bgneal@106 922
bgneal@106 923 _error: function ( type ) {
bgneal@106 924 $.extend(F.coming, {
bgneal@106 925 type : 'html',
bgneal@106 926 autoWidth : true,
bgneal@106 927 autoHeight : true,
bgneal@106 928 minWidth : 0,
bgneal@106 929 minHeight : 0,
bgneal@106 930 scrolling : 'no',
bgneal@106 931 hasError : type,
bgneal@106 932 content : F.coming.tpl.error
bgneal@106 933 });
bgneal@106 934
bgneal@106 935 F._afterLoad();
bgneal@106 936 },
bgneal@106 937
bgneal@106 938 _loadImage: function () {
bgneal@106 939 // Reset preload image so it is later possible to check "complete" property
bgneal@106 940 var img = F.imgPreload = new Image();
bgneal@106 941
bgneal@106 942 img.onload = function () {
bgneal@106 943 this.onload = this.onerror = null;
bgneal@106 944
bgneal@106 945 F.coming.width = this.width / F.opts.pixelRatio;
bgneal@106 946 F.coming.height = this.height / F.opts.pixelRatio;
bgneal@106 947
bgneal@106 948 F._afterLoad();
bgneal@106 949 };
bgneal@106 950
bgneal@106 951 img.onerror = function () {
bgneal@106 952 this.onload = this.onerror = null;
bgneal@106 953
bgneal@106 954 F._error( 'image' );
bgneal@106 955 };
bgneal@106 956
bgneal@106 957 img.src = F.coming.href;
bgneal@106 958
bgneal@106 959 if (img.complete !== true) {
bgneal@106 960 F.showLoading();
bgneal@106 961 }
bgneal@106 962 },
bgneal@106 963
bgneal@106 964 _loadAjax: function () {
bgneal@106 965 var coming = F.coming;
bgneal@106 966
bgneal@106 967 F.showLoading();
bgneal@106 968
bgneal@106 969 F.ajaxLoad = $.ajax($.extend({}, coming.ajax, {
bgneal@106 970 url: coming.href,
bgneal@106 971 error: function (jqXHR, textStatus) {
bgneal@106 972 if (F.coming && textStatus !== 'abort') {
bgneal@106 973 F._error( 'ajax', jqXHR );
bgneal@106 974
bgneal@106 975 } else {
bgneal@106 976 F.hideLoading();
bgneal@106 977 }
bgneal@106 978 },
bgneal@106 979 success: function (data, textStatus) {
bgneal@106 980 if (textStatus === 'success') {
bgneal@106 981 coming.content = data;
bgneal@106 982
bgneal@106 983 F._afterLoad();
bgneal@106 984 }
bgneal@106 985 }
bgneal@106 986 }));
bgneal@106 987 },
bgneal@106 988
bgneal@106 989 _loadIframe: function() {
bgneal@106 990 var coming = F.coming,
bgneal@106 991 iframe = $(coming.tpl.iframe.replace(/\{rnd\}/g, new Date().getTime()))
bgneal@106 992 .attr('scrolling', isTouch ? 'auto' : coming.iframe.scrolling)
bgneal@106 993 .attr('src', coming.href);
bgneal@106 994
bgneal@106 995 // This helps IE
bgneal@106 996 $(coming.wrap).bind('onReset', function () {
bgneal@106 997 try {
bgneal@106 998 $(this).find('iframe').hide().attr('src', '//about:blank').end().empty();
bgneal@106 999 } catch (e) {}
bgneal@106 1000 });
bgneal@106 1001
bgneal@106 1002 if (coming.iframe.preload) {
bgneal@106 1003 F.showLoading();
bgneal@106 1004
bgneal@106 1005 iframe.one('load', function() {
bgneal@106 1006 $(this).data('ready', 1);
bgneal@106 1007
bgneal@106 1008 // iOS will lose scrolling if we resize
bgneal@106 1009 if (!isTouch) {
bgneal@106 1010 $(this).bind('load.fb', F.update);
bgneal@106 1011 }
bgneal@106 1012
bgneal@106 1013 // Without this trick:
bgneal@106 1014 // - iframe won't scroll on iOS devices
bgneal@106 1015 // - IE7 sometimes displays empty iframe
bgneal@106 1016 $(this).parents('.fancybox-wrap').width('100%').removeClass('fancybox-tmp').show();
bgneal@106 1017
bgneal@106 1018 F._afterLoad();
bgneal@106 1019 });
bgneal@106 1020 }
bgneal@106 1021
bgneal@106 1022 coming.content = iframe.appendTo( coming.inner );
bgneal@106 1023
bgneal@106 1024 if (!coming.iframe.preload) {
bgneal@106 1025 F._afterLoad();
bgneal@106 1026 }
bgneal@106 1027 },
bgneal@106 1028
bgneal@106 1029 _preloadImages: function() {
bgneal@106 1030 var group = F.group,
bgneal@106 1031 current = F.current,
bgneal@106 1032 len = group.length,
bgneal@106 1033 cnt = current.preload ? Math.min(current.preload, len - 1) : 0,
bgneal@106 1034 item,
bgneal@106 1035 i;
bgneal@106 1036
bgneal@106 1037 for (i = 1; i <= cnt; i += 1) {
bgneal@106 1038 item = group[ (current.index + i ) % len ];
bgneal@106 1039
bgneal@106 1040 if (item.type === 'image' && item.href) {
bgneal@106 1041 new Image().src = item.href;
bgneal@106 1042 }
bgneal@106 1043 }
bgneal@106 1044 },
bgneal@106 1045
bgneal@106 1046 _afterLoad: function () {
bgneal@106 1047 var coming = F.coming,
bgneal@106 1048 previous = F.current,
bgneal@106 1049 placeholder = 'fancybox-placeholder',
bgneal@106 1050 current,
bgneal@106 1051 content,
bgneal@106 1052 type,
bgneal@106 1053 scrolling,
bgneal@106 1054 href,
bgneal@106 1055 embed;
bgneal@106 1056
bgneal@106 1057 F.hideLoading();
bgneal@106 1058
bgneal@106 1059 if (!coming || F.isActive === false) {
bgneal@106 1060 return;
bgneal@106 1061 }
bgneal@106 1062
bgneal@106 1063 if (false === F.trigger('afterLoad', coming, previous)) {
bgneal@106 1064 coming.wrap.stop(true).trigger('onReset').remove();
bgneal@106 1065
bgneal@106 1066 F.coming = null;
bgneal@106 1067
bgneal@106 1068 return;
bgneal@106 1069 }
bgneal@106 1070
bgneal@106 1071 if (previous) {
bgneal@106 1072 F.trigger('beforeChange', previous);
bgneal@106 1073
bgneal@106 1074 previous.wrap.stop(true).removeClass('fancybox-opened')
bgneal@106 1075 .find('.fancybox-item, .fancybox-nav')
bgneal@106 1076 .remove();
bgneal@106 1077 }
bgneal@106 1078
bgneal@106 1079 F.unbindEvents();
bgneal@106 1080
bgneal@106 1081 current = coming;
bgneal@106 1082 content = coming.content;
bgneal@106 1083 type = coming.type;
bgneal@106 1084 scrolling = coming.scrolling;
bgneal@106 1085
bgneal@106 1086 $.extend(F, {
bgneal@106 1087 wrap : current.wrap,
bgneal@106 1088 skin : current.skin,
bgneal@106 1089 outer : current.outer,
bgneal@106 1090 inner : current.inner,
bgneal@106 1091 current : current,
bgneal@106 1092 previous : previous
bgneal@106 1093 });
bgneal@106 1094
bgneal@106 1095 href = current.href;
bgneal@106 1096
bgneal@106 1097 switch (type) {
bgneal@106 1098 case 'inline':
bgneal@106 1099 case 'ajax':
bgneal@106 1100 case 'html':
bgneal@106 1101 if (current.selector) {
bgneal@106 1102 content = $('<div>').html(content).find(current.selector);
bgneal@106 1103
bgneal@106 1104 } else if (isQuery(content)) {
bgneal@106 1105 if (!content.data(placeholder)) {
bgneal@106 1106 content.data(placeholder, $('<div class="' + placeholder + '"></div>').insertAfter( content ).hide() );
bgneal@106 1107 }
bgneal@106 1108
bgneal@106 1109 content = content.show().detach();
bgneal@106 1110
bgneal@106 1111 current.wrap.bind('onReset', function () {
bgneal@106 1112 if ($(this).find(content).length) {
bgneal@106 1113 content.hide().replaceAll( content.data(placeholder) ).data(placeholder, false);
bgneal@106 1114 }
bgneal@106 1115 });
bgneal@106 1116 }
bgneal@106 1117 break;
bgneal@106 1118
bgneal@106 1119 case 'image':
bgneal@106 1120 content = current.tpl.image.replace('{href}', href);
bgneal@106 1121 break;
bgneal@106 1122
bgneal@106 1123 case 'swf':
bgneal@106 1124 content = '<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="' + href + '"></param>';
bgneal@106 1125 embed = '';
bgneal@106 1126
bgneal@106 1127 $.each(current.swf, function(name, val) {
bgneal@106 1128 content += '<param name="' + name + '" value="' + val + '"></param>';
bgneal@106 1129 embed += ' ' + name + '="' + val + '"';
bgneal@106 1130 });
bgneal@106 1131
bgneal@106 1132 content += '<embed src="' + href + '" type="application/x-shockwave-flash" width="100%" height="100%"' + embed + '></embed></object>';
bgneal@106 1133 break;
bgneal@106 1134 }
bgneal@106 1135
bgneal@106 1136 if (!(isQuery(content) && content.parent().is(current.inner))) {
bgneal@106 1137 current.inner.append( content );
bgneal@106 1138 }
bgneal@106 1139
bgneal@106 1140 // Give a chance for helpers or callbacks to update elements
bgneal@106 1141 F.trigger('beforeShow');
bgneal@106 1142
bgneal@106 1143 // Set scrolling before calculating dimensions
bgneal@106 1144 current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
bgneal@106 1145
bgneal@106 1146 // Set initial dimensions and start position
bgneal@106 1147 F._setDimension();
bgneal@106 1148
bgneal@106 1149 F.reposition();
bgneal@106 1150
bgneal@106 1151 F.isOpen = false;
bgneal@106 1152 F.coming = null;
bgneal@106 1153
bgneal@106 1154 F.bindEvents();
bgneal@106 1155
bgneal@106 1156 if (!F.isOpened) {
bgneal@106 1157 $('.fancybox-wrap').not( current.wrap ).stop(true).trigger('onReset').remove();
bgneal@106 1158
bgneal@106 1159 } else if (previous.prevMethod) {
bgneal@106 1160 F.transitions[ previous.prevMethod ]();
bgneal@106 1161 }
bgneal@106 1162
bgneal@106 1163 F.transitions[ F.isOpened ? current.nextMethod : current.openMethod ]();
bgneal@106 1164
bgneal@106 1165 F._preloadImages();
bgneal@106 1166 },
bgneal@106 1167
bgneal@106 1168 _setDimension: function () {
bgneal@106 1169 var viewport = F.getViewport(),
bgneal@106 1170 steps = 0,
bgneal@106 1171 canShrink = false,
bgneal@106 1172 canExpand = false,
bgneal@106 1173 wrap = F.wrap,
bgneal@106 1174 skin = F.skin,
bgneal@106 1175 inner = F.inner,
bgneal@106 1176 current = F.current,
bgneal@106 1177 width = current.width,
bgneal@106 1178 height = current.height,
bgneal@106 1179 minWidth = current.minWidth,
bgneal@106 1180 minHeight = current.minHeight,
bgneal@106 1181 maxWidth = current.maxWidth,
bgneal@106 1182 maxHeight = current.maxHeight,
bgneal@106 1183 scrolling = current.scrolling,
bgneal@106 1184 scrollOut = current.scrollOutside ? current.scrollbarWidth : 0,
bgneal@106 1185 margin = current.margin,
bgneal@106 1186 wMargin = getScalar(margin[1] + margin[3]),
bgneal@106 1187 hMargin = getScalar(margin[0] + margin[2]),
bgneal@106 1188 wPadding,
bgneal@106 1189 hPadding,
bgneal@106 1190 wSpace,
bgneal@106 1191 hSpace,
bgneal@106 1192 origWidth,
bgneal@106 1193 origHeight,
bgneal@106 1194 origMaxWidth,
bgneal@106 1195 origMaxHeight,
bgneal@106 1196 ratio,
bgneal@106 1197 width_,
bgneal@106 1198 height_,
bgneal@106 1199 maxWidth_,
bgneal@106 1200 maxHeight_,
bgneal@106 1201 iframe,
bgneal@106 1202 body;
bgneal@106 1203
bgneal@106 1204 // Reset dimensions so we could re-check actual size
bgneal@106 1205 wrap.add(skin).add(inner).width('auto').height('auto').removeClass('fancybox-tmp');
bgneal@106 1206
bgneal@106 1207 wPadding = getScalar(skin.outerWidth(true) - skin.width());
bgneal@106 1208 hPadding = getScalar(skin.outerHeight(true) - skin.height());
bgneal@106 1209
bgneal@106 1210 // Any space between content and viewport (margin, padding, border, title)
bgneal@106 1211 wSpace = wMargin + wPadding;
bgneal@106 1212 hSpace = hMargin + hPadding;
bgneal@106 1213
bgneal@106 1214 origWidth = isPercentage(width) ? (viewport.w - wSpace) * getScalar(width) / 100 : width;
bgneal@106 1215 origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height;
bgneal@106 1216
bgneal@106 1217 if (current.type === 'iframe') {
bgneal@106 1218 iframe = current.content;
bgneal@106 1219
bgneal@106 1220 if (current.autoHeight && iframe.data('ready') === 1) {
bgneal@106 1221 try {
bgneal@106 1222 if (iframe[0].contentWindow.document.location) {
bgneal@106 1223 inner.width( origWidth ).height(9999);
bgneal@106 1224
bgneal@106 1225 body = iframe.contents().find('body');
bgneal@106 1226
bgneal@106 1227 if (scrollOut) {
bgneal@106 1228 body.css('overflow-x', 'hidden');
bgneal@106 1229 }
bgneal@106 1230
bgneal@106 1231 origHeight = body.outerHeight(true);
bgneal@106 1232 }
bgneal@106 1233
bgneal@106 1234 } catch (e) {}
bgneal@106 1235 }
bgneal@106 1236
bgneal@106 1237 } else if (current.autoWidth || current.autoHeight) {
bgneal@106 1238 inner.addClass( 'fancybox-tmp' );
bgneal@106 1239
bgneal@106 1240 // Set width or height in case we need to calculate only one dimension
bgneal@106 1241 if (!current.autoWidth) {
bgneal@106 1242 inner.width( origWidth );
bgneal@106 1243 }
bgneal@106 1244
bgneal@106 1245 if (!current.autoHeight) {
bgneal@106 1246 inner.height( origHeight );
bgneal@106 1247 }
bgneal@106 1248
bgneal@106 1249 if (current.autoWidth) {
bgneal@106 1250 origWidth = inner.width();
bgneal@106 1251 }
bgneal@106 1252
bgneal@106 1253 if (current.autoHeight) {
bgneal@106 1254 origHeight = inner.height();
bgneal@106 1255 }
bgneal@106 1256
bgneal@106 1257 inner.removeClass( 'fancybox-tmp' );
bgneal@106 1258 }
bgneal@106 1259
bgneal@106 1260 width = getScalar( origWidth );
bgneal@106 1261 height = getScalar( origHeight );
bgneal@106 1262
bgneal@106 1263 ratio = origWidth / origHeight;
bgneal@106 1264
bgneal@106 1265 // Calculations for the content
bgneal@106 1266 minWidth = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth);
bgneal@106 1267 maxWidth = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth);
bgneal@106 1268
bgneal@106 1269 minHeight = getScalar(isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight);
bgneal@106 1270 maxHeight = getScalar(isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight);
bgneal@106 1271
bgneal@106 1272 // These will be used to determine if wrap can fit in the viewport
bgneal@106 1273 origMaxWidth = maxWidth;
bgneal@106 1274 origMaxHeight = maxHeight;
bgneal@106 1275
bgneal@106 1276 if (current.fitToView) {
bgneal@106 1277 maxWidth = Math.min(viewport.w - wSpace, maxWidth);
bgneal@106 1278 maxHeight = Math.min(viewport.h - hSpace, maxHeight);
bgneal@106 1279 }
bgneal@106 1280
bgneal@106 1281 maxWidth_ = viewport.w - wMargin;
bgneal@106 1282 maxHeight_ = viewport.h - hMargin;
bgneal@106 1283
bgneal@106 1284 if (current.aspectRatio) {
bgneal@106 1285 if (width > maxWidth) {
bgneal@106 1286 width = maxWidth;
bgneal@106 1287 height = getScalar(width / ratio);
bgneal@106 1288 }
bgneal@106 1289
bgneal@106 1290 if (height > maxHeight) {
bgneal@106 1291 height = maxHeight;
bgneal@106 1292 width = getScalar(height * ratio);
bgneal@106 1293 }
bgneal@106 1294
bgneal@106 1295 if (width < minWidth) {
bgneal@106 1296 width = minWidth;
bgneal@106 1297 height = getScalar(width / ratio);
bgneal@106 1298 }
bgneal@106 1299
bgneal@106 1300 if (height < minHeight) {
bgneal@106 1301 height = minHeight;
bgneal@106 1302 width = getScalar(height * ratio);
bgneal@106 1303 }
bgneal@106 1304
bgneal@106 1305 } else {
bgneal@106 1306 width = Math.max(minWidth, Math.min(width, maxWidth));
bgneal@106 1307
bgneal@106 1308 if (current.autoHeight && current.type !== 'iframe') {
bgneal@106 1309 inner.width( width );
bgneal@106 1310
bgneal@106 1311 height = inner.height();
bgneal@106 1312 }
bgneal@106 1313
bgneal@106 1314 height = Math.max(minHeight, Math.min(height, maxHeight));
bgneal@106 1315 }
bgneal@106 1316
bgneal@106 1317 // Try to fit inside viewport (including the title)
bgneal@106 1318 if (current.fitToView) {
bgneal@106 1319 inner.width( width ).height( height );
bgneal@106 1320
bgneal@106 1321 wrap.width( width + wPadding );
bgneal@106 1322
bgneal@106 1323 // Real wrap dimensions
bgneal@106 1324 width_ = wrap.width();
bgneal@106 1325 height_ = wrap.height();
bgneal@106 1326
bgneal@106 1327 if (current.aspectRatio) {
bgneal@106 1328 while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
bgneal@106 1329 if (steps++ > 19) {
bgneal@106 1330 break;
bgneal@106 1331 }
bgneal@106 1332
bgneal@106 1333 height = Math.max(minHeight, Math.min(maxHeight, height - 10));
bgneal@106 1334 width = getScalar(height * ratio);
bgneal@106 1335
bgneal@106 1336 if (width < minWidth) {
bgneal@106 1337 width = minWidth;
bgneal@106 1338 height = getScalar(width / ratio);
bgneal@106 1339 }
bgneal@106 1340
bgneal@106 1341 if (width > maxWidth) {
bgneal@106 1342 width = maxWidth;
bgneal@106 1343 height = getScalar(width / ratio);
bgneal@106 1344 }
bgneal@106 1345
bgneal@106 1346 inner.width( width ).height( height );
bgneal@106 1347
bgneal@106 1348 wrap.width( width + wPadding );
bgneal@106 1349
bgneal@106 1350 width_ = wrap.width();
bgneal@106 1351 height_ = wrap.height();
bgneal@106 1352 }
bgneal@106 1353
bgneal@106 1354 } else {
bgneal@106 1355 width = Math.max(minWidth, Math.min(width, width - (width_ - maxWidth_)));
bgneal@106 1356 height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_)));
bgneal@106 1357 }
bgneal@106 1358 }
bgneal@106 1359
bgneal@106 1360 if (scrollOut && scrolling === 'auto' && height < origHeight && (width + wPadding + scrollOut) < maxWidth_) {
bgneal@106 1361 width += scrollOut;
bgneal@106 1362 }
bgneal@106 1363
bgneal@106 1364 inner.width( width ).height( height );
bgneal@106 1365
bgneal@106 1366 wrap.width( width + wPadding );
bgneal@106 1367
bgneal@106 1368 width_ = wrap.width();
bgneal@106 1369 height_ = wrap.height();
bgneal@106 1370
bgneal@106 1371 canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;
bgneal@106 1372 canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight));
bgneal@106 1373
bgneal@106 1374 $.extend(current, {
bgneal@106 1375 dim : {
bgneal@106 1376 width : getValue( width_ ),
bgneal@106 1377 height : getValue( height_ )
bgneal@106 1378 },
bgneal@106 1379 origWidth : origWidth,
bgneal@106 1380 origHeight : origHeight,
bgneal@106 1381 canShrink : canShrink,
bgneal@106 1382 canExpand : canExpand,
bgneal@106 1383 wPadding : wPadding,
bgneal@106 1384 hPadding : hPadding,
bgneal@106 1385 wrapSpace : height_ - skin.outerHeight(true),
bgneal@106 1386 skinSpace : skin.height() - height
bgneal@106 1387 });
bgneal@106 1388
bgneal@106 1389 if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) {
bgneal@106 1390 inner.height('auto');
bgneal@106 1391 }
bgneal@106 1392 },
bgneal@106 1393
bgneal@106 1394 _getPosition: function (onlyAbsolute) {
bgneal@106 1395 var current = F.current,
bgneal@106 1396 viewport = F.getViewport(),
bgneal@106 1397 margin = current.margin,
bgneal@106 1398 width = F.wrap.width() + margin[1] + margin[3],
bgneal@106 1399 height = F.wrap.height() + margin[0] + margin[2],
bgneal@106 1400 rez = {
bgneal@106 1401 position: 'absolute',
bgneal@106 1402 top : margin[0],
bgneal@106 1403 left : margin[3]
bgneal@106 1404 };
bgneal@106 1405
bgneal@106 1406 if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
bgneal@106 1407 rez.position = 'fixed';
bgneal@106 1408
bgneal@106 1409 } else if (!current.locked) {
bgneal@106 1410 rez.top += viewport.y;
bgneal@106 1411 rez.left += viewport.x;
bgneal@106 1412 }
bgneal@106 1413
bgneal@106 1414 rez.top = getValue(Math.max(rez.top, rez.top + ((viewport.h - height) * current.topRatio)));
bgneal@106 1415 rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width) * current.leftRatio)));
bgneal@106 1416
bgneal@106 1417 return rez;
bgneal@106 1418 },
bgneal@106 1419
bgneal@106 1420 _afterZoomIn: function () {
bgneal@106 1421 var current = F.current;
bgneal@106 1422
bgneal@106 1423 if (!current) {
bgneal@106 1424 return;
bgneal@106 1425 }
bgneal@106 1426
bgneal@106 1427 F.isOpen = F.isOpened = true;
bgneal@106 1428
bgneal@106 1429 F.wrap.css('overflow', 'visible').addClass('fancybox-opened');
bgneal@106 1430
bgneal@106 1431 F.update();
bgneal@106 1432
bgneal@106 1433 // Assign a click event
bgneal@106 1434 if ( current.closeClick || (current.nextClick && F.group.length > 1) ) {
bgneal@106 1435 F.inner.css('cursor', 'pointer').bind('click.fb', function(e) {
bgneal@106 1436 if (!$(e.target).is('a') && !$(e.target).parent().is('a')) {
bgneal@106 1437 e.preventDefault();
bgneal@106 1438
bgneal@106 1439 F[ current.closeClick ? 'close' : 'next' ]();
bgneal@106 1440 }
bgneal@106 1441 });
bgneal@106 1442 }
bgneal@106 1443
bgneal@106 1444 // Create a close button
bgneal@106 1445 if (current.closeBtn) {
bgneal@106 1446 $(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function(e) {
bgneal@106 1447 e.preventDefault();
bgneal@106 1448
bgneal@106 1449 F.close();
bgneal@106 1450 });
bgneal@106 1451 }
bgneal@106 1452
bgneal@106 1453 // Create navigation arrows
bgneal@106 1454 if (current.arrows && F.group.length > 1) {
bgneal@106 1455 if (current.loop || current.index > 0) {
bgneal@106 1456 $(current.tpl.prev).appendTo(F.outer).bind('click.fb', F.prev);
bgneal@106 1457 }
bgneal@106 1458
bgneal@106 1459 if (current.loop || current.index < F.group.length - 1) {
bgneal@106 1460 $(current.tpl.next).appendTo(F.outer).bind('click.fb', F.next);
bgneal@106 1461 }
bgneal@106 1462 }
bgneal@106 1463
bgneal@106 1464 F.trigger('afterShow');
bgneal@106 1465
bgneal@106 1466 // Stop the slideshow if this is the last item
bgneal@106 1467 if (!current.loop && current.index === current.group.length - 1) {
bgneal@106 1468 F.play( false );
bgneal@106 1469
bgneal@106 1470 } else if (F.opts.autoPlay && !F.player.isActive) {
bgneal@106 1471 F.opts.autoPlay = false;
bgneal@106 1472
bgneal@106 1473 F.play();
bgneal@106 1474 }
bgneal@106 1475 },
bgneal@106 1476
bgneal@106 1477 _afterZoomOut: function ( obj ) {
bgneal@106 1478 obj = obj || F.current;
bgneal@106 1479
bgneal@106 1480 $('.fancybox-wrap').trigger('onReset').remove();
bgneal@106 1481
bgneal@106 1482 $.extend(F, {
bgneal@106 1483 group : {},
bgneal@106 1484 opts : {},
bgneal@106 1485 router : false,
bgneal@106 1486 current : null,
bgneal@106 1487 isActive : false,
bgneal@106 1488 isOpened : false,
bgneal@106 1489 isOpen : false,
bgneal@106 1490 isClosing : false,
bgneal@106 1491 wrap : null,
bgneal@106 1492 skin : null,
bgneal@106 1493 outer : null,
bgneal@106 1494 inner : null
bgneal@106 1495 });
bgneal@106 1496
bgneal@106 1497 F.trigger('afterClose', obj);
bgneal@106 1498 }
bgneal@106 1499 });
bgneal@106 1500
bgneal@106 1501 /*
bgneal@106 1502 * Default transitions
bgneal@106 1503 */
bgneal@106 1504
bgneal@106 1505 F.transitions = {
bgneal@106 1506 getOrigPosition: function () {
bgneal@106 1507 var current = F.current,
bgneal@106 1508 element = current.element,
bgneal@106 1509 orig = current.orig,
bgneal@106 1510 pos = {},
bgneal@106 1511 width = 50,
bgneal@106 1512 height = 50,
bgneal@106 1513 hPadding = current.hPadding,
bgneal@106 1514 wPadding = current.wPadding,
bgneal@106 1515 viewport = F.getViewport();
bgneal@106 1516
bgneal@106 1517 if (!orig && current.isDom && element.is(':visible')) {
bgneal@106 1518 orig = element.find('img:first');
bgneal@106 1519
bgneal@106 1520 if (!orig.length) {
bgneal@106 1521 orig = element;
bgneal@106 1522 }
bgneal@106 1523 }
bgneal@106 1524
bgneal@106 1525 if (isQuery(orig)) {
bgneal@106 1526 pos = orig.offset();
bgneal@106 1527
bgneal@106 1528 if (orig.is('img')) {
bgneal@106 1529 width = orig.outerWidth();
bgneal@106 1530 height = orig.outerHeight();
bgneal@106 1531 }
bgneal@106 1532
bgneal@106 1533 } else {
bgneal@106 1534 pos.top = viewport.y + (viewport.h - height) * current.topRatio;
bgneal@106 1535 pos.left = viewport.x + (viewport.w - width) * current.leftRatio;
bgneal@106 1536 }
bgneal@106 1537
bgneal@106 1538 if (F.wrap.css('position') === 'fixed' || current.locked) {
bgneal@106 1539 pos.top -= viewport.y;
bgneal@106 1540 pos.left -= viewport.x;
bgneal@106 1541 }
bgneal@106 1542
bgneal@106 1543 pos = {
bgneal@106 1544 top : getValue(pos.top - hPadding * current.topRatio),
bgneal@106 1545 left : getValue(pos.left - wPadding * current.leftRatio),
bgneal@106 1546 width : getValue(width + wPadding),
bgneal@106 1547 height : getValue(height + hPadding)
bgneal@106 1548 };
bgneal@106 1549
bgneal@106 1550 return pos;
bgneal@106 1551 },
bgneal@106 1552
bgneal@106 1553 step: function (now, fx) {
bgneal@106 1554 var ratio,
bgneal@106 1555 padding,
bgneal@106 1556 value,
bgneal@106 1557 prop = fx.prop,
bgneal@106 1558 current = F.current,
bgneal@106 1559 wrapSpace = current.wrapSpace,
bgneal@106 1560 skinSpace = current.skinSpace;
bgneal@106 1561
bgneal@106 1562 if (prop === 'width' || prop === 'height') {
bgneal@106 1563 ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start);
bgneal@106 1564
bgneal@106 1565 if (F.isClosing) {
bgneal@106 1566 ratio = 1 - ratio;
bgneal@106 1567 }
bgneal@106 1568
bgneal@106 1569 padding = prop === 'width' ? current.wPadding : current.hPadding;
bgneal@106 1570 value = now - padding;
bgneal@106 1571
bgneal@106 1572 F.skin[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) ) );
bgneal@106 1573 F.inner[ prop ]( getScalar( prop === 'width' ? value : value - (wrapSpace * ratio) - (skinSpace * ratio) ) );
bgneal@106 1574 }
bgneal@106 1575 },
bgneal@106 1576
bgneal@106 1577 zoomIn: function () {
bgneal@106 1578 var current = F.current,
bgneal@106 1579 startPos = current.pos,
bgneal@106 1580 effect = current.openEffect,
bgneal@106 1581 elastic = effect === 'elastic',
bgneal@106 1582 endPos = $.extend({opacity : 1}, startPos);
bgneal@106 1583
bgneal@106 1584 // Remove "position" property that breaks older IE
bgneal@106 1585 delete endPos.position;
bgneal@106 1586
bgneal@106 1587 if (elastic) {
bgneal@106 1588 startPos = this.getOrigPosition();
bgneal@106 1589
bgneal@106 1590 if (current.openOpacity) {
bgneal@106 1591 startPos.opacity = 0.1;
bgneal@106 1592 }
bgneal@106 1593
bgneal@106 1594 } else if (effect === 'fade') {
bgneal@106 1595 startPos.opacity = 0.1;
bgneal@106 1596 }
bgneal@106 1597
bgneal@106 1598 F.wrap.css(startPos).animate(endPos, {
bgneal@106 1599 duration : effect === 'none' ? 0 : current.openSpeed,
bgneal@106 1600 easing : current.openEasing,
bgneal@106 1601 step : elastic ? this.step : null,
bgneal@106 1602 complete : F._afterZoomIn
bgneal@106 1603 });
bgneal@106 1604 },
bgneal@106 1605
bgneal@106 1606 zoomOut: function () {
bgneal@106 1607 var current = F.current,
bgneal@106 1608 effect = current.closeEffect,
bgneal@106 1609 elastic = effect === 'elastic',
bgneal@106 1610 endPos = {opacity : 0.1};
bgneal@106 1611
bgneal@106 1612 if (elastic) {
bgneal@106 1613 endPos = this.getOrigPosition();
bgneal@106 1614
bgneal@106 1615 if (current.closeOpacity) {
bgneal@106 1616 endPos.opacity = 0.1;
bgneal@106 1617 }
bgneal@106 1618 }
bgneal@106 1619
bgneal@106 1620 F.wrap.animate(endPos, {
bgneal@106 1621 duration : effect === 'none' ? 0 : current.closeSpeed,
bgneal@106 1622 easing : current.closeEasing,
bgneal@106 1623 step : elastic ? this.step : null,
bgneal@106 1624 complete : F._afterZoomOut
bgneal@106 1625 });
bgneal@106 1626 },
bgneal@106 1627
bgneal@106 1628 changeIn: function () {
bgneal@106 1629 var current = F.current,
bgneal@106 1630 effect = current.nextEffect,
bgneal@106 1631 startPos = current.pos,
bgneal@106 1632 endPos = { opacity : 1 },
bgneal@106 1633 direction = F.direction,
bgneal@106 1634 distance = 200,
bgneal@106 1635 field;
bgneal@106 1636
bgneal@106 1637 startPos.opacity = 0.1;
bgneal@106 1638
bgneal@106 1639 if (effect === 'elastic') {
bgneal@106 1640 field = direction === 'down' || direction === 'up' ? 'top' : 'left';
bgneal@106 1641
bgneal@106 1642 if (direction === 'down' || direction === 'right') {
bgneal@106 1643 startPos[ field ] = getValue(getScalar(startPos[ field ]) - distance);
bgneal@106 1644 endPos[ field ] = '+=' + distance + 'px';
bgneal@106 1645
bgneal@106 1646 } else {
bgneal@106 1647 startPos[ field ] = getValue(getScalar(startPos[ field ]) + distance);
bgneal@106 1648 endPos[ field ] = '-=' + distance + 'px';
bgneal@106 1649 }
bgneal@106 1650 }
bgneal@106 1651
bgneal@106 1652 // Workaround for http://bugs.jquery.com/ticket/12273
bgneal@106 1653 if (effect === 'none') {
bgneal@106 1654 F._afterZoomIn();
bgneal@106 1655
bgneal@106 1656 } else {
bgneal@106 1657 F.wrap.css(startPos).animate(endPos, {
bgneal@106 1658 duration : current.nextSpeed,
bgneal@106 1659 easing : current.nextEasing,
bgneal@106 1660 complete : F._afterZoomIn
bgneal@106 1661 });
bgneal@106 1662 }
bgneal@106 1663 },
bgneal@106 1664
bgneal@106 1665 changeOut: function () {
bgneal@106 1666 var previous = F.previous,
bgneal@106 1667 effect = previous.prevEffect,
bgneal@106 1668 endPos = { opacity : 0.1 },
bgneal@106 1669 direction = F.direction,
bgneal@106 1670 distance = 200;
bgneal@106 1671
bgneal@106 1672 if (effect === 'elastic') {
bgneal@106 1673 endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'up' || direction === 'left' ? '-' : '+' ) + '=' + distance + 'px';
bgneal@106 1674 }
bgneal@106 1675
bgneal@106 1676 previous.wrap.animate(endPos, {
bgneal@106 1677 duration : effect === 'none' ? 0 : previous.prevSpeed,
bgneal@106 1678 easing : previous.prevEasing,
bgneal@106 1679 complete : function () {
bgneal@106 1680 $(this).trigger('onReset').remove();
bgneal@106 1681 }
bgneal@106 1682 });
bgneal@106 1683 }
bgneal@106 1684 };
bgneal@106 1685
bgneal@106 1686 /*
bgneal@106 1687 * Overlay helper
bgneal@106 1688 */
bgneal@106 1689
bgneal@106 1690 F.helpers.overlay = {
bgneal@106 1691 defaults : {
bgneal@106 1692 closeClick : true, // if true, fancyBox will be closed when user clicks on the overlay
bgneal@106 1693 speedOut : 200, // duration of fadeOut animation
bgneal@106 1694 showEarly : true, // indicates if should be opened immediately or wait until the content is ready
bgneal@106 1695 css : {}, // custom CSS properties
bgneal@106 1696 locked : !isTouch, // if true, the content will be locked into overlay
bgneal@106 1697 fixed : true // if false, the overlay CSS position property will not be set to "fixed"
bgneal@106 1698 },
bgneal@106 1699
bgneal@106 1700 overlay : null, // current handle
bgneal@106 1701 fixed : false, // indicates if the overlay has position "fixed"
bgneal@106 1702 el : $('html'), // element that contains "the lock"
bgneal@106 1703
bgneal@106 1704 // Public methods
bgneal@106 1705 create : function(opts) {
bgneal@106 1706 opts = $.extend({}, this.defaults, opts);
bgneal@106 1707
bgneal@106 1708 if (this.overlay) {
bgneal@106 1709 this.close();
bgneal@106 1710 }
bgneal@106 1711
bgneal@106 1712 this.overlay = $('<div class="fancybox-overlay"></div>').appendTo( F.coming ? F.coming.parent : opts.parent );
bgneal@106 1713 this.fixed = false;
bgneal@106 1714
bgneal@106 1715 if (opts.fixed && F.defaults.fixed) {
bgneal@106 1716 this.overlay.addClass('fancybox-overlay-fixed');
bgneal@106 1717
bgneal@106 1718 this.fixed = true;
bgneal@106 1719 }
bgneal@106 1720 },
bgneal@106 1721
bgneal@106 1722 open : function(opts) {
bgneal@106 1723 var that = this;
bgneal@106 1724
bgneal@106 1725 opts = $.extend({}, this.defaults, opts);
bgneal@106 1726
bgneal@106 1727 if (this.overlay) {
bgneal@106 1728 this.overlay.unbind('.overlay').width('auto').height('auto');
bgneal@106 1729
bgneal@106 1730 } else {
bgneal@106 1731 this.create(opts);
bgneal@106 1732 }
bgneal@106 1733
bgneal@106 1734 if (!this.fixed) {
bgneal@106 1735 W.bind('resize.overlay', $.proxy( this.update, this) );
bgneal@106 1736
bgneal@106 1737 this.update();
bgneal@106 1738 }
bgneal@106 1739
bgneal@106 1740 if (opts.closeClick) {
bgneal@106 1741 this.overlay.bind('click.overlay', function(e) {
bgneal@106 1742 if ($(e.target).hasClass('fancybox-overlay')) {
bgneal@106 1743 if (F.isActive) {
bgneal@106 1744 F.close();
bgneal@106 1745 } else {
bgneal@106 1746 that.close();
bgneal@106 1747 }
bgneal@106 1748
bgneal@106 1749 return false;
bgneal@106 1750 }
bgneal@106 1751 });
bgneal@106 1752 }
bgneal@106 1753
bgneal@106 1754 this.overlay.css( opts.css ).show();
bgneal@106 1755 },
bgneal@106 1756
bgneal@106 1757 close : function() {
bgneal@106 1758 var scrollV, scrollH;
bgneal@106 1759
bgneal@106 1760 W.unbind('resize.overlay');
bgneal@106 1761
bgneal@106 1762 if (this.el.hasClass('fancybox-lock')) {
bgneal@106 1763 $('.fancybox-margin').removeClass('fancybox-margin');
bgneal@106 1764
bgneal@106 1765 scrollV = W.scrollTop();
bgneal@106 1766 scrollH = W.scrollLeft();
bgneal@106 1767
bgneal@106 1768 this.el.removeClass('fancybox-lock');
bgneal@106 1769
bgneal@106 1770 W.scrollTop( scrollV ).scrollLeft( scrollH );
bgneal@106 1771 }
bgneal@106 1772
bgneal@106 1773 $('.fancybox-overlay').remove().hide();
bgneal@106 1774
bgneal@106 1775 $.extend(this, {
bgneal@106 1776 overlay : null,
bgneal@106 1777 fixed : false
bgneal@106 1778 });
bgneal@106 1779 },
bgneal@106 1780
bgneal@106 1781 // Private, callbacks
bgneal@106 1782
bgneal@106 1783 update : function () {
bgneal@106 1784 var width = '100%', offsetWidth;
bgneal@106 1785
bgneal@106 1786 // Reset width/height so it will not mess
bgneal@106 1787 this.overlay.width(width).height('100%');
bgneal@106 1788
bgneal@106 1789 // jQuery does not return reliable result for IE
bgneal@106 1790 if (IE) {
bgneal@106 1791 offsetWidth = Math.max(document.documentElement.offsetWidth, document.body.offsetWidth);
bgneal@106 1792
bgneal@106 1793 if (D.width() > offsetWidth) {
bgneal@106 1794 width = D.width();
bgneal@106 1795 }
bgneal@106 1796
bgneal@106 1797 } else if (D.width() > W.width()) {
bgneal@106 1798 width = D.width();
bgneal@106 1799 }
bgneal@106 1800
bgneal@106 1801 this.overlay.width(width).height(D.height());
bgneal@106 1802 },
bgneal@106 1803
bgneal@106 1804 // This is where we can manipulate DOM, because later it would cause iframes to reload
bgneal@106 1805 onReady : function (opts, obj) {
bgneal@106 1806 var overlay = this.overlay;
bgneal@106 1807
bgneal@106 1808 $('.fancybox-overlay').stop(true, true);
bgneal@106 1809
bgneal@106 1810 if (!overlay) {
bgneal@106 1811 this.create(opts);
bgneal@106 1812 }
bgneal@106 1813
bgneal@106 1814 if (opts.locked && this.fixed && obj.fixed) {
bgneal@106 1815 if (!overlay) {
bgneal@106 1816 this.margin = D.height() > W.height() ? $('html').css('margin-right').replace("px", "") : false;
bgneal@106 1817 }
bgneal@106 1818
bgneal@106 1819 obj.locked = this.overlay.append( obj.wrap );
bgneal@106 1820 obj.fixed = false;
bgneal@106 1821 }
bgneal@106 1822
bgneal@106 1823 if (opts.showEarly === true) {
bgneal@106 1824 this.beforeShow.apply(this, arguments);
bgneal@106 1825 }
bgneal@106 1826 },
bgneal@106 1827
bgneal@106 1828 beforeShow : function(opts, obj) {
bgneal@106 1829 var scrollV, scrollH;
bgneal@106 1830
bgneal@106 1831 if (obj.locked) {
bgneal@106 1832 if (this.margin !== false) {
bgneal@106 1833 $('*').filter(function(){
bgneal@106 1834 return ($(this).css('position') === 'fixed' && !$(this).hasClass("fancybox-overlay") && !$(this).hasClass("fancybox-wrap") );
bgneal@106 1835 }).addClass('fancybox-margin');
bgneal@106 1836
bgneal@106 1837 this.el.addClass('fancybox-margin');
bgneal@106 1838 }
bgneal@106 1839
bgneal@106 1840 scrollV = W.scrollTop();
bgneal@106 1841 scrollH = W.scrollLeft();
bgneal@106 1842
bgneal@106 1843 this.el.addClass('fancybox-lock');
bgneal@106 1844
bgneal@106 1845 W.scrollTop( scrollV ).scrollLeft( scrollH );
bgneal@106 1846 }
bgneal@106 1847
bgneal@106 1848 this.open(opts);
bgneal@106 1849 },
bgneal@106 1850
bgneal@106 1851 onUpdate : function() {
bgneal@106 1852 if (!this.fixed) {
bgneal@106 1853 this.update();
bgneal@106 1854 }
bgneal@106 1855 },
bgneal@106 1856
bgneal@106 1857 afterClose: function (opts) {
bgneal@106 1858 // Remove overlay if exists and fancyBox is not opening
bgneal@106 1859 // (e.g., it is not being open using afterClose callback)
bgneal@106 1860 //if (this.overlay && !F.isActive) {
bgneal@106 1861 if (this.overlay && !F.coming) {
bgneal@106 1862 this.overlay.fadeOut(opts.speedOut, $.proxy( this.close, this ));
bgneal@106 1863 }
bgneal@106 1864 }
bgneal@106 1865 };
bgneal@106 1866
bgneal@106 1867 /*
bgneal@106 1868 * Title helper
bgneal@106 1869 */
bgneal@106 1870
bgneal@106 1871 F.helpers.title = {
bgneal@106 1872 defaults : {
bgneal@106 1873 type : 'float', // 'float', 'inside', 'outside' or 'over',
bgneal@106 1874 position : 'bottom' // 'top' or 'bottom'
bgneal@106 1875 },
bgneal@106 1876
bgneal@106 1877 beforeShow: function (opts) {
bgneal@106 1878 var current = F.current,
bgneal@106 1879 text = current.title,
bgneal@106 1880 type = opts.type,
bgneal@106 1881 title,
bgneal@106 1882 target;
bgneal@106 1883
bgneal@106 1884 if ($.isFunction(text)) {
bgneal@106 1885 text = text.call(current.element, current);
bgneal@106 1886 }
bgneal@106 1887
bgneal@106 1888 if (!isString(text) || $.trim(text) === '') {
bgneal@106 1889 return;
bgneal@106 1890 }
bgneal@106 1891
bgneal@106 1892 title = $('<div class="fancybox-title fancybox-title-' + type + '-wrap">' + text + '</div>');
bgneal@106 1893
bgneal@106 1894 switch (type) {
bgneal@106 1895 case 'inside':
bgneal@106 1896 target = F.skin;
bgneal@106 1897 break;
bgneal@106 1898
bgneal@106 1899 case 'outside':
bgneal@106 1900 target = F.wrap;
bgneal@106 1901 break;
bgneal@106 1902
bgneal@106 1903 case 'over':
bgneal@106 1904 target = F.inner;
bgneal@106 1905 break;
bgneal@106 1906
bgneal@106 1907 default: // 'float'
bgneal@106 1908 target = F.skin;
bgneal@106 1909
bgneal@106 1910 title.appendTo('body');
bgneal@106 1911
bgneal@106 1912 if (IE) {
bgneal@106 1913 title.width( title.width() );
bgneal@106 1914 }
bgneal@106 1915
bgneal@106 1916 title.wrapInner('<span class="child"></span>');
bgneal@106 1917
bgneal@106 1918 //Increase bottom margin so this title will also fit into viewport
bgneal@106 1919 F.current.margin[2] += Math.abs( getScalar(title.css('margin-bottom')) );
bgneal@106 1920 break;
bgneal@106 1921 }
bgneal@106 1922
bgneal@106 1923 title[ (opts.position === 'top' ? 'prependTo' : 'appendTo') ](target);
bgneal@106 1924 }
bgneal@106 1925 };
bgneal@106 1926
bgneal@106 1927 // jQuery plugin initialization
bgneal@106 1928 $.fn.fancybox = function (options) {
bgneal@106 1929 var index,
bgneal@106 1930 that = $(this),
bgneal@106 1931 selector = this.selector || '',
bgneal@106 1932 run = function(e) {
bgneal@106 1933 var what = $(this).blur(), idx = index, relType, relVal;
bgneal@106 1934
bgneal@106 1935 if (!(e.ctrlKey || e.altKey || e.shiftKey || e.metaKey) && !what.is('.fancybox-wrap')) {
bgneal@106 1936 relType = options.groupAttr || 'data-fancybox-group';
bgneal@106 1937 relVal = what.attr(relType);
bgneal@106 1938
bgneal@106 1939 if (!relVal) {
bgneal@106 1940 relType = 'rel';
bgneal@106 1941 relVal = what.get(0)[ relType ];
bgneal@106 1942 }
bgneal@106 1943
bgneal@106 1944 if (relVal && relVal !== '' && relVal !== 'nofollow') {
bgneal@106 1945 what = selector.length ? $(selector) : that;
bgneal@106 1946 what = what.filter('[' + relType + '="' + relVal + '"]');
bgneal@106 1947 idx = what.index(this);
bgneal@106 1948 }
bgneal@106 1949
bgneal@106 1950 options.index = idx;
bgneal@106 1951
bgneal@106 1952 // Stop an event from bubbling if everything is fine
bgneal@106 1953 if (F.open(what, options) !== false) {
bgneal@106 1954 e.preventDefault();
bgneal@106 1955 }
bgneal@106 1956 }
bgneal@106 1957 };
bgneal@106 1958
bgneal@106 1959 options = options || {};
bgneal@106 1960 index = options.index || 0;
bgneal@106 1961
bgneal@106 1962 if (!selector || options.live === false) {
bgneal@106 1963 that.unbind('click.fb-start').bind('click.fb-start', run);
bgneal@106 1964
bgneal@106 1965 } else {
bgneal@106 1966 D.undelegate(selector, 'click.fb-start').delegate(selector + ":not('.fancybox-item, .fancybox-nav')", 'click.fb-start', run);
bgneal@106 1967 }
bgneal@106 1968
bgneal@106 1969 this.filter('[data-fancybox-start=1]').trigger('click');
bgneal@106 1970
bgneal@106 1971 return this;
bgneal@106 1972 };
bgneal@106 1973
bgneal@106 1974 // Tests that need a body at doc ready
bgneal@106 1975 D.ready(function() {
bgneal@106 1976 var w1, w2;
bgneal@106 1977
bgneal@106 1978 if ( $.scrollbarWidth === undefined ) {
bgneal@106 1979 // http://benalman.com/projects/jquery-misc-plugins/#scrollbarwidth
bgneal@106 1980 $.scrollbarWidth = function() {
bgneal@106 1981 var parent = $('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body'),
bgneal@106 1982 child = parent.children(),
bgneal@106 1983 width = child.innerWidth() - child.height( 99 ).innerWidth();
bgneal@106 1984
bgneal@106 1985 parent.remove();
bgneal@106 1986
bgneal@106 1987 return width;
bgneal@106 1988 };
bgneal@106 1989 }
bgneal@106 1990
bgneal@106 1991 if ( $.support.fixedPosition === undefined ) {
bgneal@106 1992 $.support.fixedPosition = (function() {
bgneal@106 1993 var elem = $('<div style="position:fixed;top:20px;"></div>').appendTo('body'),
bgneal@106 1994 fixed = ( elem[0].offsetTop === 20 || elem[0].offsetTop === 15 );
bgneal@106 1995
bgneal@106 1996 elem.remove();
bgneal@106 1997
bgneal@106 1998 return fixed;
bgneal@106 1999 }());
bgneal@106 2000 }
bgneal@106 2001
bgneal@106 2002 $.extend(F.defaults, {
bgneal@106 2003 scrollbarWidth : $.scrollbarWidth(),
bgneal@106 2004 fixed : $.support.fixedPosition,
bgneal@106 2005 parent : $('body')
bgneal@106 2006 });
bgneal@106 2007
bgneal@106 2008 //Get real width of page scroll-bar
bgneal@106 2009 w1 = $(window).width();
bgneal@106 2010
bgneal@106 2011 H.addClass('fancybox-lock-test');
bgneal@106 2012
bgneal@106 2013 w2 = $(window).width();
bgneal@106 2014
bgneal@106 2015 H.removeClass('fancybox-lock-test');
bgneal@106 2016
bgneal@106 2017 $("<style type='text/css'>.fancybox-margin{margin-right:" + (w2 - w1) + "px;}</style>").appendTo("head");
bgneal@106 2018 });
bgneal@106 2019
bgneal@106 2020 }(window, document, jQuery));