library/fancybox/jquery.fancybox.js

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