/* $Id: lightbox.js,v 1.5.2.6.2.114 2009/01/05 14:21:52 snpower Exp $ */



/**

 * jQuery Lightbox

 * @author

 *   Stella Power, <http://drupal.org/user/66894>

 *

 * Based on Lightbox v2.03.3 by Lokesh Dhakar

 * <http://www.huddletogether.com/projects/lightbox2/>

 * Also partially based on the jQuery Lightbox by Warren Krewenki

 *   <http://warren.mesozen.com>

 *

 * Permission has been granted to Mark Ashmead & other Drupal Lightbox2 module

 * maintainers to distribute this file via Drupal.org

 * Under GPL license.

 *

 * Slideshow, iframe and video functionality added by Stella Power.

 */



var Lightbox = {

  overlayOpacity : 0.8, // Controls transparency of shadow overlay.

  overlayColor : '000', // Controls colour of shadow overlay.

  disableCloseClick : true,

  // Controls the order of the lightbox resizing animation sequence.

  resizeSequence: 0, // 0: simultaneous, 1: width then height, 2: height then width.

  resizeSpeed: 'normal', // Controls the speed of the lightbox resizing animation.

  fadeInSpeed: 'normal', // Controls the speed of the image appearance.

  slideDownSpeed: 'slow', // Controls the speed of the image details appearance.

  minWidth: 240,

  borderSize : 10,

  boxColor : 'fff',

  fontColor : '000',

  topPosition : '',

  infoHeight: 20,

  alternative_layout : false,

  imageArray : [],

  imageNum : null,

  total : 0,

  activeImage : null,

  inprogress : false,

  disableResize : false,

  disableZoom : false,

  isZoomedIn : false,

  rtl : false,

  loopItems : false,

  keysClose : ['c', 'x', 27],

  keysPrevious : ['p', 37],

  keysNext : ['n', 39],

  keysZoom : ['z'],

  keysPlayPause : [32],



  // Slideshow options.

  slideInterval : 5000, // In milliseconds.

  showPlayPause : true,

  autoStart : true,

  autoExit : true,

  pauseOnNextClick : false, // True to pause the slideshow when the "Next" button is clicked.

  pauseOnPrevClick : true, // True to pause the slideshow when the "Prev" button is clicked.

  slideIdArray : [],

  slideIdCount : 0,

  isSlideshow : false,

  isPaused : false,

  loopSlides : false,



  // Iframe options.

  isLightframe : false,

  iframe_width : 600,

  iframe_height : 400,

  iframe_border : 1,



  // Video and modal options.

  enableVideo : false,

  flvPlayer : '/flvplayer.swf',

  flvFlashvars : '',

  isModal : false,

  isVideo : false,

  videoId : false,

  modalWidth : 400,

  modalHeight : 400,

  modalHTML : null,





  // initialize()

  // Constructor runs on completion of the DOM loading.

  // The function inserts html at the bottom of the page which is used

  // to display the shadow overlay and the image container.

  initialize: function() {



    var s = Drupal.settings.lightbox2;

    Lightbox.overlayOpacity = s.overlay_opacity;

    Lightbox.overlayColor = s.overlay_color;

    Lightbox.disableCloseClick = s.disable_close_click;

    Lightbox.resizeSequence = s.resize_sequence;

    Lightbox.resizeSpeed = s.resize_speed;

    Lightbox.fadeInSpeed = s.fade_in_speed;

    Lightbox.slideDownSpeed = s.slide_down_speed;

    Lightbox.borderSize = s.border_size;

    Lightbox.boxColor = s.box_color;

    Lightbox.fontColor = s.font_color;

    Lightbox.topPosition = s.top_position;

    Lightbox.rtl = s.rtl;

    Lightbox.loopItems = s.loop_items;

    Lightbox.keysClose = s.keys_close.split(" ");

    Lightbox.keysPrevious = s.keys_previous.split(" ");

    Lightbox.keysNext = s.keys_next.split(" ");

    Lightbox.keysZoom = s.keys_zoom.split(" ");

    Lightbox.keysPlayPause = s.keys_play_pause.split(" ");

    Lightbox.disableResize = s.disable_resize;

    Lightbox.disableZoom = s.disable_zoom;

    Lightbox.slideInterval = s.slideshow_interval;

    Lightbox.showPlayPause = s.show_play_pause;

    Lightbox.autoStart = s.slideshow_automatic_start;

    Lightbox.autoExit = s.slideshow_automatic_exit;

    Lightbox.pauseOnNextClick = s.pause_on_next_click;

    Lightbox.pauseOnPrevClick = s.pause_on_previous_click;

    Lightbox.loopSlides = s.loop_slides;

    Lightbox.alternative_layout = s.use_alt_layout;

    Lightbox.iframe_width = s.iframe_width;

    Lightbox.iframe_height = s.iframe_height;

    Lightbox.iframe_border = s.iframe_border;

    Lightbox.enableVideo = s.enable_video;

    if (s.enable_video) {

      Lightbox.flvPlayer = s.flvPlayer;

      Lightbox.flvFlashvars = s.flvFlashvars;

    }



    // Make the lightbox divs.

    var output = '<div id="overlay" style="display: none;"></div><div id="lightbox" style="display: none;"><div id="outerImageContainer"></div><div id="imageDataContainer" class="clearfix"><div id="imageData"></div></div></div>';

    var loading = '<div id="loading"><a href="#" id="loadingLink"></a></div>';

    var modal = '<div id="modalContainer" style="display: none;"></div>';

    var frame = '<div id="frameContainer" style="display: none;"></div>';

    var imageContainer = '<div id="imageContainer" style="display: none;"></div>';

    var details = '<div id="imageDetails"></div>';

    var bottomNav = '<div id="bottomNav"></div>';

    var image = '<img id="lightboxImage" />';

    var hoverNav = '<div id="hoverNav"><a id="prevLink" href="#"></a><a id="nextLink" href="#"></a></div>';

    var frameNav = '<div id="frameHoverNav"><a id="framePrevLink" href="#"></a><a id="frameNextLink" href="#"></a></div>';

    var caption = '<span id="caption"></span>';

    var numberDisplay = '<span id="numberDisplay"></span>';

    var close = '<a id="bottomNavClose" href="#"></a>';

    var zoom = '<a id="bottomNavZoom" href="#"></a>';

    var zoomOut = '<a id="bottomNavZoomOut" href="#"></a>';

    var pause = '<a id="lightshowPause" href="#" style="display: none;"></a>';

    var play = '<a id="lightshowPlay" href="#" style="display: none;"></a>';



    $("body").append(output);

    $('#outerImageContainer').append(modal + frame + imageContainer + loading);

    if (!s.use_alt_layout) {

      $('#imageContainer').append(image + hoverNav);

      $('#imageData').append(frameNav + details + bottomNav);

      $('#imageDetails').append(caption + numberDisplay);

      $('#bottomNav').append(close + zoom + zoomOut + pause + play);

    }

    else {

      $('#outerImageContainer').append(bottomNav);

      $('#imageContainer').append(image);

      $('#bottomNav').append(close + zoom + zoomOut);

      $('#imageData').append(hoverNav + details);

      $('#imageDetails').append(caption + numberDisplay + pause + play);

    }



    // Setup onclick handlers.

    if (Lightbox.disableCloseClick) {

      $('#overlay').click(function() { Lightbox.end(); return false; } ).hide();

    }

    $('#loadingLink, #bottomNavClose').click(function() { Lightbox.end('forceClose'); return false; } );

    $('#prevLink, #framePrevLink').click(function() { Lightbox.changeData(Lightbox.activeImage - 1); return false; } );

    $('#nextLink, #frameNextLink').click(function() { Lightbox.changeData(Lightbox.activeImage + 1); return false; } );

    $('#bottomNavZoom').click(function() { Lightbox.changeData(Lightbox.activeImage, true); return false; } );

    $('#bottomNavZoomOut').click(function() { Lightbox.changeData(Lightbox.activeImage, false); return false; } );

    $('#lightshowPause').click(function() { Lightbox.togglePlayPause("lightshowPause", "lightshowPlay"); return false; } );

    $('#lightshowPlay').click(function() { Lightbox.togglePlayPause("lightshowPlay", "lightshowPause"); return false; } );



    // Fix positioning.

    $('#prevLink, #nextLink, #framePrevLink, #frameNextLink').css({ 'paddingTop': Lightbox.borderSize + 'px'});

    $('#imageContainer, #frameContainer, #modalContainer').css({ 'padding': Lightbox.borderSize + 'px'});

    $('#outerImageContainer, #imageDataContainer, #bottomNavClose').css({'backgroundColor': '#' + Lightbox.boxColor, 'color': '#'+Lightbox.fontColor});

    if (Lightbox.alternative_layout) {

      $('#bottomNavZoom, #bottomNavZoomOut').css({'bottom': Lightbox.borderSize + 'px', 'right': Lightbox.borderSize + 'px'});

    }

    else if (Lightbox.rtl == 1 && $.browser.msie) {

      $('#bottomNavZoom, #bottomNavZoomOut').css({'left': '0px'});

    }



    // Force navigation links to always be displayed

    if (s.force_show_nav) {

      $('#prevLink, #nextLink').addClass("force_show_nav");

    }



  },



  // initList()

  // Loops through anchor tags looking for 'lightbox', 'lightshow' and

  // 'lightframe', etc, references and applies onclick events to appropriate

  // links. You can rerun after dynamically adding images w/ajax.

  initList : function() {



    // Attach lightbox to any links with rel 'lightbox', 'lightshow' or

    // 'lightframe', etc.

    $("a[@rel^='lightbox']:not(.lightbox-processed), area[@rel^='lightbox']:not(.lightbox-processed)").addClass('lightbox-processed').click(function(e) {

      if (Lightbox.disableCloseClick) {

        $('#lightbox').unbind('click');

        $('#lightbox').click(function() { Lightbox.end('forceClose'); } );

      }

      Lightbox.start(this, false, false, false, false);

      if (e.preventDefault) { e.preventDefault(); }

      return false;

    });

    $("a[@rel^='lightshow']:not(.lightbox-processed), area[@rel^='lightshow']:not(.lightbox-processed)").addClass('lightbox-processed').click(function(e) {

      if (Lightbox.disableCloseClick) {

        $('#lightbox').unbind('click');

        $('#lightbox').click(function() { Lightbox.end('forceClose'); } );

      }

      Lightbox.start(this, true, false, false, false);

      if (e.preventDefault) { e.preventDefault(); }

      return false;

    });

    $("a[@rel^='lightframe']:not(.lightbox-processed), area[@rel^='lightframe']:not(.lightbox-processed)").addClass('lightbox-processed').click(function(e) {

      if (Lightbox.disableCloseClick) {

        $('#lightbox').unbind('click');

        $('#lightbox').click(function() { Lightbox.end('forceClose'); } );

      }

      Lightbox.start(this, false, true, false, false);

      if (e.preventDefault) { e.preventDefault(); }

      return false;

    });

    if (Lightbox.enableVideo) {

      $("a[@rel^='lightvideo']:not(.lightbox-processed), area[@rel^='lightvideo']:not(.lightbox-processed)").addClass('lightbox-processed').click(function(e) {

        if (Lightbox.disableCloseClick) {

          $('#lightbox').unbind('click');

          $('#lightbox').click(function() { Lightbox.end('forceClose'); } );

        }

        Lightbox.start(this, false, false, true, false);

        if (e.preventDefault) { e.preventDefault(); }

        return false;

      });

    }

    $("a[@rel^='lightmodal']:not(.lightbox-processed), area[@rel^='lightmodal']:not(.lightbox-processed)").addClass('lightbox-processed').click(function(e) {

      $('#lightbox').unbind('click');

      Lightbox.start(this, false, false, false, true);

      if (e.preventDefault) { e.preventDefault(); }

      return false;

    });

  },



  // start()

  // Display overlay and lightbox. If image is part of a set, add siblings to

  // imageArray.

  start: function(imageLink, slideshow, lightframe, lightvideo, lightmodal) {



    Lightbox.isPaused = !Lightbox.autoStart;



    // Replaces hideSelectBoxes() and hideFlash() calls in original lightbox2.

    Lightbox.toggleSelectsFlash('hide');



    // Stretch overlay to fill page and fade in.

    var arrayPageSize = Lightbox.getPageSize();

    $("#overlay").hide().css({

      'width': '100%',

      'zIndex': '10090',

      'height': arrayPageSize[1] + 'px',

      'backgroundColor' : '#' + Lightbox.overlayColor

    });

    // Detect OS X FF2 opacity + flash issue.

    if (lightvideo && this.detectMacFF2()) {

      $("#overlay").removeClass("overlay_default");

      $("#overlay").addClass("overlay_macff2");

      $("#overlay").css({'opacity' : null});

    }

    else {

      $("#overlay").removeClass("overlay_macff2");

      $("#overlay").addClass("overlay_default");

      $("#overlay").css({'opacity' : Lightbox.overlayOpacity});

    }

    $("#overlay").fadeIn(Lightbox.fadeInSpeed);





    Lightbox.isSlideshow = slideshow;

    Lightbox.isLightframe = lightframe;

    Lightbox.isVideo = lightvideo;

    Lightbox.isModal = lightmodal;

    Lightbox.imageArray = [];

    Lightbox.imageNum = 0;



    var anchors = $(imageLink.tagName);

    var anchor = null;

    var rel_parts = Lightbox.parseRel(imageLink);

    var rel = rel_parts["rel"];

    var rel_group = rel_parts["group"];

    var title = (rel_parts["title"] ? rel_parts["title"] : imageLink.title);

    var rel_style = null;

    var i = 0;





    // Set the title for image alternative text.

    var alt = imageLink.title;

    if (!alt) {

      var img = $(imageLink).find("img");

      if (img && $(img).attr("alt")) {

        alt = $(img).attr("alt");

      }

      else {

        alt = title;

      }

    }



    if ($(imageLink).attr('id') == 'lightboxAutoModal') {

      rel_style = rel_parts["style"];

      Lightbox.imageArray.push(['#lightboxAutoModal > *', title, alt, rel_style, 1]);

    }

    else {

      // Handle lightbox images with no grouping.

      if ((rel == 'lightbox' || rel == 'lightshow') && !rel_group) {

        Lightbox.imageArray.push([imageLink.href, title, alt]);

      }



      // Handle other items with no grouping.

      else if (!rel_group) {

        rel_style = rel_parts["style"];

        Lightbox.imageArray.push([imageLink.href, title, alt, rel_style]);

      }



      // Handle grouped items.

      else {



        // Loop through anchors and add them to imageArray.

        for (i = 0; i < anchors.length; i++) {

          anchor = anchors[i];

          if (anchor.href && $(anchor).attr('rel')) {

            var rel_data = Lightbox.parseRel(anchor);

            var anchor_title = (rel_data["title"] ? rel_data["title"] : anchor.title);

            if (rel_data["rel"] == rel) {

              if (rel_data["group"] == rel_group) {

                if (Lightbox.isLightframe || Lightbox.isModal) {

                  rel_style = rel_data["style"];

                }

                Lightbox.imageArray.push([anchor.href, anchor_title, alt, rel_style]);

              }

            }

          }

        }



        // Remove duplicates.

        for (i = 0; i < Lightbox.imageArray.length; i++) {

          for (j = Lightbox.imageArray.length-1; j > i; j--) {

            if (Lightbox.imageArray[i][0] == Lightbox.imageArray[j][0]) {

              Lightbox.imageArray.splice(j,1);

            }

          }

        }

        while (Lightbox.imageArray[Lightbox.imageNum][0] != imageLink.href) {

          Lightbox.imageNum++;

        }

      }

    }



    if (Lightbox.isSlideshow && Lightbox.showPlayPause && Lightbox.isPaused) {

      $('#lightshowPlay').show();

      $('#lightshowPause').hide();

    }



    // Calculate top and left offset for the lightbox.

    var arrayPageScroll = Lightbox.getPageScroll();

    var lightboxTop = arrayPageScroll[1] + (Lightbox.topPosition == '' ? (arrayPageSize[3] / 10) : Lightbox.topPosition) * 1;

    var lightboxLeft = arrayPageScroll[0];

    $('#frameContainer, #modalContainer, #lightboxImage').hide();

    $('#hoverNav, #prevLink, #nextLink, #frameHoverNav, #framePrevLink, #frameNextLink').hide();

    $('#imageDataContainer, #numberDisplay, #bottomNavZoom, #bottomNavZoomOut').hide();

    $('#outerImageContainer').css({'width': '250px', 'height': '250px'});

    $('#lightbox').css({

      'zIndex': '10500',

      'top': lightboxTop + 'px',

      'left': lightboxLeft + 'px'

    }).show();



    Lightbox.total = Lightbox.imageArray.length;

    Lightbox.changeData(Lightbox.imageNum);

  },



  // changeData()

  // Hide most elements and preload image in preparation for resizing image

  // container.

  changeData: function(imageNum, zoomIn) {



    if (Lightbox.inprogress === false) {

      if (Lightbox.total > 1 && ((Lightbox.isSlideshow && Lightbox.loopSlides) || (!Lightbox.isSlideshow && Lightbox.loopItems))) {

        if (imageNum >= Lightbox.total) imageNum = 0;

        if (imageNum < 0) imageNum = Lightbox.total - 1;

      }



      if (Lightbox.isSlideshow) {

        for (var i = 0; i < Lightbox.slideIdCount; i++) {

          window.clearTimeout(Lightbox.slideIdArray[i]);

        }

      }

      Lightbox.inprogress = true;

      Lightbox.activeImage = imageNum;



      if (Lightbox.disableResize && !Lightbox.isSlideshow) {

        zoomIn = true;

      }

      Lightbox.isZoomedIn = zoomIn;





      // Hide elements during transition.

      $('#loading').css({'zIndex': '10500'}).show();

      if (!Lightbox.alternative_layout) {

        $('#imageContainer').hide();

      }

      $('#frameContainer, #modalContainer, #lightboxImage').hide();

      $('#hoverNav, #prevLink, #nextLink, #frameHoverNav, #framePrevLink, #frameNextLink').hide();

      $('#imageDataContainer, #numberDisplay, #bottomNavZoom, #bottomNavZoomOut').hide();



      // Preload image content, but not iframe pages.

      if (!Lightbox.isLightframe && !Lightbox.isVideo && !Lightbox.isModal) {

        imgPreloader = new Image();

        imgPreloader.onerror = function() { Lightbox.imgNodeLoadingError(this); };



        imgPreloader.onload = function() {

          var photo = document.getElementById('lightboxImage');

          photo.src = Lightbox.imageArray[Lightbox.activeImage][0];

          photo.alt = Lightbox.imageArray[Lightbox.activeImage][2];



          var imageWidth = imgPreloader.width;

          var imageHeight = imgPreloader.height;



          // Resize code.

          var arrayPageSize = Lightbox.getPageSize();

          var targ = { w:arrayPageSize[2] - (Lightbox.borderSize * 2), h:arrayPageSize[3] - (Lightbox.borderSize * 6) - (Lightbox.infoHeight * 4) - (arrayPageSize[3] / 10) };

          var orig = { w:imgPreloader.width, h:imgPreloader.height };



          // Image is very large, so show a smaller version of the larger image

          // with zoom button.

          if (zoomIn !== true) {

            var ratio = 1.0; // Shrink image with the same aspect.

            $('#bottomNavZoomOut, #bottomNavZoom').hide();

            if ((orig.w >= targ.w || orig.h >= targ.h) && orig.h && orig.w) {

              ratio = ((targ.w / orig.w) < (targ.h / orig.h)) ? targ.w / orig.w : targ.h / orig.h;

              if (!Lightbox.disableZoom && !Lightbox.isSlideshow) {

                $('#bottomNavZoom').css({'zIndex': '10500'}).show();

              }

            }



            imageWidth  = Math.floor(orig.w * ratio);

            imageHeight = Math.floor(orig.h * ratio);

          }



          else {

            $('#bottomNavZoom').hide();

            // Only display zoom out button if the image is zoomed in already.

            if ((orig.w >= targ.w || orig.h >= targ.h) && orig.h && orig.w) {

              // Only display zoom out button if not a slideshow and if the

              // buttons aren't disabled.

              if (!Lightbox.disableResize && Lightbox.isSlideshow === false && !Lightbox.disableZoom) {

                $('#bottomNavZoomOut').css({'zIndex': '10500'}).show();

              }

            }

          }



          photo.style.width = (imageWidth) + 'px';

          photo.style.height = (imageHeight) + 'px';

          Lightbox.resizeContainer(imageWidth, imageHeight);



          // Clear onLoad, IE behaves irratically with animated gifs otherwise.

          imgPreloader.onload = function() {};

        };



        imgPreloader.src = Lightbox.imageArray[Lightbox.activeImage][0];

        imgPreloader.alt = Lightbox.imageArray[Lightbox.activeImage][2];

      }



      // Set up frame size, etc.

      else if (Lightbox.isLightframe) {

        var src = Lightbox.imageArray[Lightbox.activeImage][0];

        $('#frameContainer').html('');



        // Enable swf support in Gecko browsers.

        if ($.browser.mozilla && src.indexOf('.swf') != -1) {

          setTimeout(function () {

            document.getElementById("lightboxFrame").src = Lightbox.imageArray[Lightbox.activeImage][0];

          }, 1000);

        }



        if (!Lightbox.iframe_border) {

          $('#lightboxFrame').css({'border': 'none'});

          $('#lightboxFrame').attr('frameborder', '0');

        }

        var iframe = document.getElementById('lightboxFrame');

        var iframeStyles = Lightbox.imageArray[Lightbox.activeImage][3];

        iframe = Lightbox.setStyles(iframe, iframeStyles);

        Lightbox.resizeContainer(parseInt(iframe.width, 10), parseInt(iframe.height, 10));

      }

      else if (Lightbox.isVideo || Lightbox.isModal) {

        var container = document.getElementById('modalContainer');

        var modalStyles = Lightbox.imageArray[Lightbox.activeImage][3];

        container = Lightbox.setStyles(container, modalStyles);

        if (Lightbox.isVideo) {

          Lightbox.modalHeight =  parseInt(container.height, 10);

          Lightbox.modalWidth =  parseInt(container.width, 10);

          Lightvideo.startVideo(Lightbox.imageArray[Lightbox.activeImage][0]);

        }

        Lightbox.resizeContainer(parseInt(container.width, 10), parseInt(container.height, 10));

      }

    }

  },



  // imgNodeLoadingError()

  imgNodeLoadingError: function(image) {

    var s = Drupal.settings.lightbox2;

    var original_image = Lightbox.imageArray[Lightbox.activeImage][0];

    if (s.display_image_size !== "") {

      original_image = original_image.replace(new RegExp("."+s.display_image_size), "");

    }

    Lightbox.imageArray[Lightbox.activeImage][0] = original_image;

    image.onerror = function() { Lightbox.imgLoadingError(image); };

    image.src = original_image;

  },



  // imgLoadingError()

  imgLoadingError: function(image) {

    var s = Drupal.settings.lightbox2;

    Lightbox.imageArray[Lightbox.activeImage][0] = s.default_image;

    image.src = s.default_image;

  },



  // resizeContainer()

  resizeContainer: function(imgWidth, imgHeight) {



    imgWidth = (imgWidth < Lightbox.minWidth ? Lightbox.minWidth : imgWidth);



    this.widthCurrent = $('#outerImageContainer').width();

    this.heightCurrent = $('#outerImageContainer').height();



    var widthNew = (imgWidth  + (Lightbox.borderSize * 2));

    var heightNew = (imgHeight  + (Lightbox.borderSize * 2));



    // Scalars based on change from old to new.

    this.xScale = ( widthNew / this.widthCurrent) * 100;

    this.yScale = ( heightNew / this.heightCurrent) * 100;



    // Calculate size difference between new and old image, and resize if

    // necessary.

    wDiff = this.widthCurrent - widthNew;

    hDiff = this.heightCurrent - heightNew;



    $('#modalContainer').css({'width': imgWidth, 'height': imgHeight});

    // Detect animation sequence.

    if (Lightbox.resizeSequence) {

      var animate1 = {width: widthNew};

      var animate2 = {height: heightNew};

      if (Lightbox.resizeSequence == 2) {

        animate1 = {height: heightNew};

        animate2 = {width: widthNew};

      }

      $('#outerImageContainer').animate(animate1, Lightbox.resizeSpeed).animate(animate2, Lightbox.resizeSpeed, 'linear', function() { Lightbox.showData(); });

    }

    // Simultaneous.

    else {

      $('#outerImageContainer').animate({'width': widthNew, 'height': heightNew}, Lightbox.resizeSpeed, 'linear', function() { Lightbox.showData(); });

    }



    // If new and old image are same size and no scaling transition is necessary

    // do a quick pause to prevent image flicker.

    if ((hDiff === 0) && (wDiff === 0)) {

      if ($.browser.msie) {

        Lightbox.pause(250);

      }

      else {

        Lightbox.pause(100);

      }

    }



    var s = Drupal.settings.lightbox2;

    if (!s.use_alt_layout) {

      $('#prevLink, #nextLink').css({'height': imgHeight + 'px'});

    }

    $('#imageDataContainer').css({'width': widthNew + 'px'});

  },



  // showData()

  // Display image and begin preloading neighbors.

  showData: function() {

    $('#loading').hide();



    if (Lightbox.isLightframe || Lightbox.isVideo || Lightbox.isModal) {

      Lightbox.updateDetails();

      if (Lightbox.isLightframe) {

        $('#frameContainer').show();

        if ($.browser.safari) {

          $('#lightboxFrame').css({'zIndex': '10500'}).show();

        }

        else {

          $('#lightboxFrame').css({'zIndex': '10500'}).fadeIn(Lightbox.fadeInSpeed);

        }

      }

      else {

        if (Lightbox.isVideo) {

          $("#modalContainer").html(Lightbox.modalHTML);

          $("#modalContainer").click(function() { return false; } );

        }

        else {

          var src = unescape(Lightbox.imageArray[Lightbox.activeImage][0]);

          if (Lightbox.imageArray[Lightbox.activeImage][4]) {

            $(src).appendTo("#modalContainer");

          }

          else {

            $("#modalContainer").load(src);

          }

          $('#modalContainer').unbind('click');

        }

        $('#modalContainer').css({'zIndex': '10500'}).show();

      }

    }



    // Handle display of image content.

    else {

      $('#imageContainer').show();

      if($.browser.safari) {

        $('#lightboxImage').css({'zIndex': '10500'}).show();

      }

      else {

        $('#lightboxImage').css({'zIndex': '10500'}).fadeIn(Lightbox.fadeInSpeed);

      }

      Lightbox.updateDetails();

      this.preloadNeighborImages();

    }

    Lightbox.inprogress = false;



    // Slideshow specific stuff.

    if (Lightbox.isSlideshow) {

      if (!Lightbox.loopSlides && Lightbox.activeImage == (Lightbox.total - 1)) {

        if (Lightbox.autoExit) {

          Lightbox.slideIdArray[Lightbox.slideIdCount++] = setTimeout(function () {Lightbox.end('slideshow');}, Lightbox.slideInterval);

        }

      }

      else {

        if (!Lightbox.isPaused && Lightbox.total > 1) {

          Lightbox.slideIdArray[Lightbox.slideIdCount++] = setTimeout(function () {Lightbox.changeData(Lightbox.activeImage + 1);}, Lightbox.slideInterval);

        }

      }

      if (Lightbox.showPlayPause && Lightbox.total > 1 && !Lightbox.isPaused) {

        $('#lightshowPause').show();

        $('#lightshowPlay').hide();

      }

      else if (Lightbox.showPlayPause && Lightbox.total > 1) {

        $('#lightshowPause').hide();

        $('#lightshowPlay').show();

      }

    }



    // Adjust the page overlay size.

    var arrayPageSize = Lightbox.getPageSize();

    var arrayPageScroll = Lightbox.getPageScroll();

    var pageHeight = arrayPageSize[1];

    if (Lightbox.isZoomedIn && arrayPageSize[1] > arrayPageSize[3]) {

      var lightboxTop = (Lightbox.topPosition == '' ? (arrayPageSize[3] / 10) : Lightbox.topPosition) * 1;

      pageHeight = pageHeight + arrayPageScroll[1] + lightboxTop;

    }

    $('#overlay').css({'height': pageHeight + 'px', 'width': arrayPageSize[0] + 'px'});



    // Gecko browsers (e.g. Firefox, SeaMonkey, etc) don't handle pdfs as

    // expected.

    if ($.browser.mozilla) {

      if (Lightbox.imageArray[Lightbox.activeImage][0].indexOf(".pdf") != -1) {

        setTimeout(function () {

          document.getElementById("lightboxFrame").src = Lightbox.imageArray[Lightbox.activeImage][0];

        }, 1000);

      }

    }

  },



  // updateDetails()

  // Display caption, image number, and bottom nav.

  updateDetails: function() {



    $("#imageDataContainer").hide();



    var caption = Lightbox.imageArray[Lightbox.activeImage][1];

    if (!caption) caption = '&nbsp;';

    $('#caption').html(caption).css({'zIndex': '10500'}).show();



    // If image is part of set display 'Image x of x'.

    var s = Drupal.settings.lightbox2;

    var numberDisplay = null;

    if (Lightbox.total > 1) {

      var currentImage = Lightbox.activeImage + 1;

      if (!Lightbox.isLightframe && !Lightbox.isModal && !Lightbox.isVideo) {

        numberDisplay = s.image_count.replace(/\!current/, currentImage).replace(/\!total/, Lightbox.total);

      }

      else if (Lightbox.isVideo) {

        numberDisplay = s.video_count.replace(/\!current/, currentImage).replace(/\!total/, Lightbox.total);

      }

      else {

        numberDisplay = s.page_count.replace(/\!current/, currentImage).replace(/\!total/, Lightbox.total);

      }

      $('#numberDisplay').html(numberDisplay).css({'zIndex': '10500'}).show();

    }



    $("#imageDataContainer").hide().slideDown(Lightbox.slideDownSpeed, function() {

      $("#bottomNav").show();

    });

    if (Lightbox.rtl == 1) {

      $("#bottomNav").css({'float': 'left'});

    }

    Lightbox.updateNav();

  },



  // updateNav()

  // Display appropriate previous and next hover navigation.

  updateNav: function() {



    $('#hoverNav').css({'zIndex': '10500'}).show();

    var prevLink = '#prevLink';

    var nextLink = '#nextLink';



    // Slideshow is separated as we need to show play / pause button.

    if (Lightbox.isSlideshow) {

      if ((Lightbox.total > 1 && Lightbox.loopSlides) || Lightbox.activeImage !== 0) {

        $(prevLink).css({'zIndex': '10500'}).show().click(function() {

          if (Lightbox.pauseOnPrevClick) {

            Lightbox.togglePlayPause("lightshowPause", "lightshowPlay");

          }

          Lightbox.changeData(Lightbox.activeImage - 1); return false;

        });

      }

      else {

        $(prevLink).hide();

      }



      // If not last image in set, display next image button.

      if ((Lightbox.total > 1 && Lightbox.loopSlides) || Lightbox.activeImage != (Lightbox.total - 1)) {

        $(nextLink).css({'zIndex': '10500'}).show().click(function() {

          if (Lightbox.pauseOnNextClick) {

            Lightbox.togglePlayPause("lightshowPause", "lightshowPlay");

          }

          Lightbox.changeData(Lightbox.activeImage + 1); return false;

        });

      }

      // Safari browsers need to have hide() called again.

      else {

        $(nextLink).hide();

      }

    }



    // All other types of content.

    else {



      if ((Lightbox.isLightframe || Lightbox.isModal || Lightbox.isVideo) && !Lightbox.alternative_layout) {

        $('#frameHoverNav').css({'zIndex': '10500'}).show();

        $('#hoverNav').css({'zIndex': '10500'}).hide();

        prevLink = '#framePrevLink';

        nextLink = '#frameNextLink';

      }



      // If not first image in set, display prev image button.

      if ((Lightbox.total > 1 && Lightbox.loopItems) || Lightbox.activeImage !== 0) {

        $(prevLink).css({'zIndex': '10500'}).show().click(function() {

          Lightbox.changeData(Lightbox.activeImage - 1); return false;

        });

      }

      // Safari browsers need to have hide() called again.

      else {

        $(prevLink).hide();

      }



      // If not last image in set, display next image button.

      if ((Lightbox.total > 1 && Lightbox.loopItems) || Lightbox.activeImage != (Lightbox.total - 1)) {

        $(nextLink).css({'zIndex': '10500'}).show().click(function() {

          Lightbox.changeData(Lightbox.activeImage + 1); return false;

        });

      }

      // Safari browsers need to have hide() called again.

      else {

        $(nextLink).hide();

      }

    }



    // Don't enable keyboard shortcuts so forms will work.

    if (!Lightbox.isModal) {

      this.enableKeyboardNav();

    }

  },





  // enableKeyboardNav()

  enableKeyboardNav: function() {

    $(document).bind("keydown", this.keyboardAction);

  },



  // disableKeyboardNav()

  disableKeyboardNav: function() {

    $(document).unbind("keydown", this.keyboardAction);

  },



  // keyboardAction()

  keyboardAction: function(e) {

    if (e === null) { // IE.

      keycode = event.keyCode;

      escapeKey = 27;

    }

    else { // Mozilla.

      keycode = e.keyCode;

      escapeKey = e.DOM_VK_ESCAPE;

    }



    key = String.fromCharCode(keycode).toLowerCase();



    // Close lightbox.

    if (Lightbox.checkKey(Lightbox.keysClose, key, keycode)) {

      Lightbox.end('forceClose');

    }

    // Display previous image (p, <-).

    else if (Lightbox.checkKey(Lightbox.keysPrevious, key, keycode)) {

      if ((Lightbox.total > 1 && ((Lightbox.isSlideshow && Lightbox.loopSlides) || (!Lightbox.isSlideshow && Lightbox.loopItems))) || Lightbox.activeImage !== 0) {

        Lightbox.changeData(Lightbox.activeImage - 1);

      }



    }

    // Display next image (n, ->).

    else if (Lightbox.checkKey(Lightbox.keysNext, key, keycode)) {

      if ((Lightbox.total > 1 && ((Lightbox.isSlideshow && Lightbox.loopSlides) || (!Lightbox.isSlideshow && Lightbox.loopItems))) || Lightbox.activeImage != (Lightbox.total - 1)) {

        Lightbox.changeData(Lightbox.activeImage + 1);

      }

    }

    // Zoom in.

    else if (Lightbox.checkKey(Lightbox.keysZoom, key, keycode) && !Lightbox.disableResize && !Lightbox.disableZoom && !Lightbox.isSlideshow && !Lightbox.isLightframe) {

      if (Lightbox.isZoomedIn) {

        Lightbox.changeData(Lightbox.activeImage, false);

      }

      else if (!Lightbox.isZoomedIn) {

        Lightbox.changeData(Lightbox.activeImage, true);

      }

      return false;

    }

    // Toggle play / pause (space).

    else if (Lightbox.checkKey(Lightbox.keysPlayPause, key, keycode) && Lightbox.isSlideshow) {



      if (Lightbox.isPaused) {

        Lightbox.togglePlayPause("lightshowPlay", "lightshowPause");

      }

      else {

        Lightbox.togglePlayPause("lightshowPause", "lightshowPlay");

      }

      return false;

    }

  },



  preloadNeighborImages: function() {



    if ((Lightbox.total - 1) > Lightbox.activeImage) {

      preloadNextImage = new Image();

      preloadNextImage.src = Lightbox.imageArray[Lightbox.activeImage + 1][0];

    }

    if (Lightbox.activeImage > 0) {

      preloadPrevImage = new Image();

      preloadPrevImage.src = Lightbox.imageArray[Lightbox.activeImage - 1][0];

    }



  },



  end: function(caller) {

    var closeClick = (caller == 'slideshow' ? false : true);

    if (Lightbox.isSlideshow && Lightbox.isPaused && !closeClick) {

      return;

    }

    // To prevent double clicks on navigation links.

    if (Lightbox.inprogress === true && caller != 'forceClose') {

      return;

    }

    Lightbox.disableKeyboardNav();

    $('#lightbox').hide();

    $("#overlay").fadeOut();

    Lightbox.isPaused = true;

    Lightbox.inprogress = false;

    // Replaces calls to showSelectBoxes() and showFlash() in original

    // lightbox2.

    Lightbox.toggleSelectsFlash('visible');

    if (Lightbox.isSlideshow) {

      for (var i = 0; i < Lightbox.slideIdCount; i++) {

        window.clearTimeout(Lightbox.slideIdArray[i]);

      }

      $('#lightshowPause, #lightshowPlay').hide();

    }

    else if (Lightbox.isLightframe) {

      $('#frameContainer').empty().hide();

    }

    else if (Lightbox.isVideo || Lightbox.isModal) {

      $('#modalContainer').hide().html("");

    }

  },





  // getPageScroll()

  // Returns array with x,y page scroll values.

  // Core code from - quirksmode.com.

  getPageScroll : function() {



    var xScroll, yScroll;



    if (self.pageYOffset) {

      yScroll = self.pageYOffset;

      xScroll = self.pageXOffset;

    }

    else if (document.documentElement && document.documentElement.scrollTop) {  // Explorer 6 Strict.

      yScroll = document.documentElement.scrollTop;

      xScroll = document.documentElement.scrollLeft;

    }

    else if (document.body) {// All other Explorers.

      yScroll = document.body.scrollTop;

      xScroll = document.body.scrollLeft;

    }



    arrayPageScroll = [xScroll,yScroll];

    return arrayPageScroll;

  },



  // getPageSize()

  // Returns array with page width, height and window width, height.

  // Core code from - quirksmode.com.

  // Edit for Firefox by pHaez.

  getPageSize : function() {



    var xScroll, yScroll;



    if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac

      xScroll = document.body.scrollWidth;

      yScroll = document.body.scrollHeight;

    }

    else if (window.innerHeight && window.scrollMaxY) {

      xScroll = window.innerWidth + window.scrollMaxX;

      yScroll = window.innerHeight + window.scrollMaxY;

    }

    // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari.

    else {

      xScroll = document.body.offsetWidth;

      yScroll = document.body.offsetHeight;

    }



    var windowWidth, windowHeight;



    if (self.innerHeight) { // All except Explorer.

      if (document.documentElement.clientWidth) {

        windowWidth = document.documentElement.clientWidth;

      }

      else {

        windowWidth = self.innerWidth;

      }

      windowHeight = self.innerHeight;

    }

    // Explorer 6 Strict Mode.

    else if (document.documentElement && document.documentElement.clientHeight) {

      windowWidth = document.documentElement.clientWidth;

      windowHeight = document.documentElement.clientHeight;

    }

    else if (document.body) { // Other Explorers.

      windowWidth = document.body.clientWidth;

      windowHeight = document.body.clientHeight;

    }





    // For small pages with total height less then height of the viewport.

    if (yScroll < windowHeight) {

      pageHeight = windowHeight;

    }

    else {

      pageHeight = yScroll;

    }





    // For small pages with total width less then width of the viewport.

    if (xScroll < windowWidth) {

      pageWidth = windowWidth;

    }

    else {

      pageWidth = xScroll;

    }



    arrayPageSize = [pageWidth, pageHeight, windowWidth, windowHeight];

    return arrayPageSize;

  },





  // pause(numberMillis)

  pause : function(ms) {

    var date = new Date();

    var curDate = null;

    do { curDate = new Date(); }

    while (curDate - date < ms);

  },





  // toggleSelectsFlash()

  // Hide / unhide select lists and flash objects as they appear above the

  // lightbox in some browsers.

  toggleSelectsFlash: function (state) {

    if (state == 'visible') {

      $("select.lightbox_hidden, embed.lightbox_hidden, object.lightbox_hidden").show();

    }

    else if (state == 'hide') {

      $("select:visible, embed:visible, object:visible").addClass("lightbox_hidden");

      $("select.lightbox_hidden, embed.lightbox_hidden, object.lightbox_hidden").hide();

    }

  },





  // parseRel()

  parseRel: function (link) {

    var parts = [];

    parts["rel"] = parts["title"] = parts["group"] = parts["style"] = null;

    if (!$(link).attr('rel')) return parts;

    parts["rel"] = $(link).attr('rel').match(/\w+/)[0];



    if ($(link).attr('rel').match(/\[(.*)\]/)) {

      var info = $(link).attr('rel').match(/\[(.*?)\]/)[1].split('|');

      parts["group"] = info[0];

      parts["style"] = info[1];

    }

    if ($(link).attr('rel').match(/\[.*\]\[(.*)\]/)) {

      parts["title"] = $(link).attr('rel').match(/\[.*\]\[(.*)\]/)[1];

    }

    return parts;

  },



  // setStyles()

  setStyles: function(item, styles) {

    item.width = Lightbox.iframe_width;

    item.height = Lightbox.iframe_height;

    item.scrolling = "auto";



    if (!styles) return item;

    var stylesArray = styles.split(';');

    for (var i = 0; i< stylesArray.length; i++) {

      if (stylesArray[i].indexOf('width:') >= 0) {

        var w = stylesArray[i].replace('width:', '');

        item.width = jQuery.trim(w);

      }

      else if (stylesArray[i].indexOf('height:') >= 0) {

        var h = stylesArray[i].replace('height:', '');

        item.height = jQuery.trim(h);

      }

      else if (stylesArray[i].indexOf('scrolling:') >= 0) {

        var scrolling = stylesArray[i].replace('scrolling:', '');

        item.scrolling = jQuery.trim(scrolling);

      }

      else if (stylesArray[i].indexOf('overflow:') >= 0) {

        var overflow = stylesArray[i].replace('overflow:', '');

        item.overflow = jQuery.trim(overflow);

      }

    }

    return item;

  },





  // togglePlayPause()

  // Hide the pause / play button as appropriate.  If pausing the slideshow also

  // clear the timers, otherwise move onto the next image.

  togglePlayPause: function(hideId, showId) {

    if (Lightbox.isSlideshow && hideId == "lightshowPause") {

      for (var i = 0; i < Lightbox.slideIdCount; i++) {

        window.clearTimeout(Lightbox.slideIdArray[i]);

      }

    }

    $('#' + hideId).hide();

    $('#' + showId).show();



    if (hideId == "lightshowPlay") {

      Lightbox.isPaused = false;

      if (!Lightbox.loopSlides && Lightbox.activeImage == (Lightbox.total - 1)) {

        Lightbox.end();

      }

      else if (Lightbox.total > 1) {

        Lightbox.changeData(Lightbox.activeImage + 1);

      }

    }

    else {

      Lightbox.isPaused = true;

    }

  },



  triggerLightbox: function (rel_type, rel_group) {

    if (rel_type.length) {

      if (rel_group && rel_group.length) {

        $("a[@rel^='" + rel_type +"\[" + rel_group + "\]'], area[@rel^='" + rel_type +"\[" + rel_group + "\]']").eq(0).trigger("click");

      }

      else {

        $("a[@rel^='" + rel_type +"'], area[@rel^='" + rel_type +"']").eq(0).trigger("click");

      }

    }

  },



  detectMacFF2: function() {

    var ua = navigator.userAgent.toLowerCase();

    if (/firefox[\/\s](\d+\.\d+)/.test(ua)) {

      var ffversion = new Number(RegExp.$1);

      if (ffversion < 3 && ua.indexOf('mac') != -1) {

        return true;

      }

    }

    return false;

  },



  checkKey: function(keys, key, code) {

    return (jQuery.inArray(key, keys) != -1 || jQuery.inArray(String(code), keys) != -1);

  }





};



// Initialize the lightbox.

Drupal.behaviors.initLightbox = function (context) {

  $('body:not(.lightbox-processed)', context).addClass('lightbox-processed').each(function() {

    Lightbox.initialize();

    $('#lightboxAutoModal').triggerHandler('click');

    return false; // Break the each loop.

  });



  // Attach lightbox to any links with lightbox rels.

  Lightbox.initList();

};