/**
* jQuery Lightbox
* Version 0.5 - 11/29/2007
* @author Warren Krewenki
*
* Changes by:
* @author Krzysztof Kotowicz <koto at webworkers dot pl>:
*  - bugfix: multiple instances of Lightbox galleries allowed
*    (using opts variable instead of $.fn.lightbox.defaults)
*  - bugfix: use var for local variables in a few functions
*  - added support for navbarOnTop setting
*  - added support for displayTitle setting
*  - added support for slideNavBar setting (with slideNavBarSpeed)
*  - added support for displayHelp setting
*  - added support for fitToScreen setting (ported Lightbox VinDSL hack)
*    (see http://www.huddletogether.com/forum/comments.php?DiscussionID=307)
*  - plugin now uses jQuery.width() and jQuery.height()
*  - removed eval() calls
*  - removed destroyElement - uses jQuery.remove()
*  - use of prevLinkText, nextLinkText and help
*  - all strings are now placed in opts.strings to allow for customization/translation
*
* Based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* Originally written to make use of the Prototype framework, and Script.acalo.us, now altered to use jQuery.
*
**/

(function($)
{
  var opts;

  $.fn.lightbox = function(options)
  {
    // build main options
    opts = $.extend({}, $.fn.lightbox.defaults, options);

    // initalize the lightbox
    $.fn.lightbox.initialize();
    return this.each(function()
    {
      //console.log($(this).attr('class'));
      $(this).click(function()
      {
        $(this).lightbox.start(this);
        return false;
      });
    });
  };

  // lightbox functions
  $.fn.lightbox.initialize = function()
  {
    $('#overlay').remove();
    $('#lightbox').remove();
    opts.inprogress = false;

    var outerImage = '<div id="outerImageContainer"><div id="imageContainer">';

    if (opts.iframe) { opts.navbarOnTop = true; }

    // modified to accept iframe option
    outerImage += (opts.iframe)
                ? '<iframe id="lightboxImage" frameborder="0"></iframe>'
                : '<img id="lightboxImage"><div id="hoverNav"><a href="javascript://" title="' + opts.strings.prevLinkTitle + '" id="prevLink"></a><a href="javascript://" id="nextLink" title="' + opts.strings.nextLinkTitle + '"></a></div><div id="loading"><a href="javascript://" id="loadingLink"><img src="' + opts.fileLoadingImage + '"></a></div>';
    outerImage += '</div></div>';

    var imageData = '<div id="imageDataContainer" class="clearfix"><div id="imageData">';
    imageData += opts.showImageDetails ? '<div id="imageDetails">' : '';
    imageData += '<span id="caption"></span>';
    
    if (!opts.iframe)
    {
      imageData += opts.showImageDetails ? '<span id="numberDisplay"></span>' : '';
    }
    
    imageData += opts.showImageDetails ? '</div>' : '';
    imageData += '<div id="bottomNav">'

    if (opts.displayHelp)
      imageData += '<span id="helpDisplay">' + opts.strings.help + '</span>';

    imageData += '<a href="javascript://" id="bottomNavClose" title="' + opts.strings.closeTitle + '"><img src="' + opts.fileBottomNavCloseImage + '"></a></div></div></div>';

    var string;
    if (opts.navbarOnTop)
    {
      string = '<div id="overlay"></div><div id="lightbox">' + imageData + outerImage + '</div>';
      $("body").append(string);
      $("#imageDataContainer").addClass('ontop');
    } else
    {
      string = '<div id="overlay"></div><div id="lightbox">' + outerImage + imageData + '</div>';
      $("body").append(string);
    }

    if (!opts.iframe)
    {
      $("#overlay").click(function() { $.fn.lightbox.end(); });
      $("#lightbox").click(function() { $.fn.lightbox.end(); });
      $("#loadingLink").click(function() { $.fn.lightbox.end(); return false; });
    }
    $("#overlay").hide();
    $("#lightbox").hide();
    $('#outerImageContainer').width(opts.widthCurrent).height(opts.heightCurrent);
    $('#imageDataContainer').width(opts.widthCurrent);
    $("#bottomNavClose").click(function()
    {
      if (opts.closeCallback)
      {
        if (opts.closeCallback() == true)
        {
          $.fn.lightbox.end();
          return false;
        }
      }
      else
      {
        $.fn.lightbox.end();
        return false;
      }

    });
  };

  $.fn.lightbox.getPageSize = function()
  {
    var xScroll, yScroll;

    if (window.innerHeight && window.scrollMaxY)
    {
      xScroll = window.innerWidth + window.scrollMaxX;
      yScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight)
    { // all but Explorer Mac
      xScroll = document.body.scrollWidth;
      yScroll = document.body.scrollHeight;
    } else
    { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
      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;
    } else if (document.documentElement && document.documentElement.clientHeight)
    { // Explorer 6 Strict Mode
      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 = xScroll;
    } else
    {
      pageWidth = windowWidth;
    }

    var arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
    return arrayPageSize;
  };


  $.fn.lightbox.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;
    }

    var arrayPageScroll = new Array(xScroll, yScroll);
    return arrayPageScroll;
  };

  $.fn.lightbox.pause = function(ms)
  {
    var date = new Date();
    var curDate = null;
    do { curDate = new Date(); }
    while (curDate - date < ms);
  };

  $.fn.lightbox.start = function(imageLink)
  {
    //$("select, embed, object").hide();
    $("select").hide();
    var arrayPageSize = $.fn.lightbox.getPageSize();
    $("#overlay").hide().css({ width: '100%', height: arrayPageSize[1] + 'px', opacity: opts.overlayOpacity }).fadeIn();
    opts.imageArray = [];
    imageNum = 0;

    var anchors = document.getElementsByTagName(imageLink.tagName);
    if (!imageLink.rel || (imageLink.rel == '')) // if image is NOT part of a set..
    {
      // add single image to Lightbox.imageArray
      opts.imageArray.push(new Array(imageLink.href, opts.displayTitle ? imageLink.title : ''));
    }
    else // if image is part of a set..
    {

      $("a").each(function()
      {
        if (this.href && (this.rel == imageLink.rel))
        {
          opts.imageArray.push(new Array(this.href, opts.displayTitle ? this.title : ''));
        }
      })

      for (i = 0; i < opts.imageArray.length; i++)
      {
        for (j = opts.imageArray.length - 1; j > i; j--)
        {
          if (opts.imageArray[i][0] == opts.imageArray[j][0])
          {
            opts.imageArray.splice(j, 1);
          }
        }
      }
      while (opts.imageArray[imageNum][0] != imageLink.href) { imageNum++; }
    }

    // calculate top and left offset for the lightbox
    var arrayPageScroll = $.fn.lightbox.getPageScroll();
    var lightboxTop = arrayPageScroll[1] + (arrayPageSize[3] / 10);
    var lightboxLeft = arrayPageScroll[0];
    $('#lightbox').css({ top: lightboxTop + 'px', left: lightboxLeft + 'px' }).show();

    if (!opts.slideNavBar)
      $('#imageData').hide();

    $.fn.lightbox.changeImage(imageNum);

  };

  $.fn.lightbox.changeImage = function(imageNum)
  {
    if (opts.inprogress == false)
    {
      opts.inprogress = true;
      opts.activeImage = imageNum; // update global var

      // hide elements during transition
      $('#loading').show();
      $('#lightboxImage').hide();
      $('#hoverNav').hide();
      $('#prevLink').hide();
      $('#nextLink').hide();

      if (opts.slideNavBar)
      { // delay preloading image until navbar will slide up
        // $('#imageDataContainer').slideUp(opts.navBarSlideSpeed, $.fn.doChangeImage);
        $('#imageDataContainer').hide();
        $('#imageData').hide();
        $.fn.doChangeImage();
      } else
      {
        $.fn.doChangeImage();
      }
    }
  };

  $.fn.doChangeImage = function()
  {
    var newWidth, newHeight, arrayPageSize, initialPageWidth, initialPageHeight;

    if (!opts.iframe)
    {
      imgPreloader = new Image();

      // once image is preloaded, resize image container
      imgPreloader.onload = function()
      {
        newWidth = imgPreloader.width;
        newHeight = imgPreloader.height;


        if (opts.fitToScreen)
        {
          arrayPageSize = $.fn.lightbox.getPageSize();
          var ratio;
          initialPageWidth = arrayPageSize[2] - 2 * opts.borderSize;
          initialPageHeight = arrayPageSize[3] - 200;

          if (imgPreloader.height > initialPageHeight)
          {
            newWidth = parseInt((initialPageHeight / imgPreloader.height) * imgPreloader.width);
            newHeight = initialPageHeight;
          }
          else if (imgPreloader.width > initialPageWidth)
          {
            newHeight = parseInt((initialPageWidth / imgPreloader.width) * imgPreloader.height);
            newWidth = initialPageWidth;
          }
        }

        $('#lightboxImage').attr('src', opts.imageArray[opts.activeImage][0]).width(newWidth).height(newHeight);
        $.fn.lightbox.resizeImageContainer(newWidth, newHeight);
      }

      imgPreloader.src = opts.imageArray[opts.activeImage][0];
    }
    else // added for iframe support
    {
      arrayPageSize = $.fn.lightbox.getPageSize();

      initialPageWidth = arrayPageSize[2] - 2 * opts.borderSize;
      initialPageHeight = arrayPageSize[3] - 200;

      var ifw, ifh;

      if (opts.iframeWidth.toString().indexOf('.') >= 0) // numeric width as percentage < 1 of window width, e.g., 0.8 = 80%
      {
        ifw = parseFloat(opts.iframeWidth);
        ifw = ifw * initialPageWidth;

        ifh = parseFloat(opts.iframeHeight);
        ifh = ifh * initialPageHeight;
      }
      else // explicit width in px
      {
        ifw = parseInt(opts.iframeWidth.split('px').join(''));
        ifh = parseInt(opts.iframeHeight.split('px').join(''));
      }
      newHeight = ifh;
      newWidth = ifw;

      $('#lightboxImage').attr('src', opts.iframeUrl);
      $.fn.lightbox.resizeImageContainer(ifw, ifh);
    }
  };

  $.fn.lightbox.end = function()
  {
    $.fn.lightbox.disableKeyboardNav();
    $('#lightbox').hide();
    $('#overlay').fadeOut();
    //$('select, object, embed').show();
    $('select').show();
  };

  $.fn.lightbox.preloadNeighborImages = function()
  {
    if ((opts.imageArray.length - 1) > opts.activeImage)
    {
      preloadNextImage = new Image();
      preloadNextImage.src = opts.imageArray[opts.activeImage + 1][0];
    }
    if (opts.activeImage > 0)
    {
      preloadPrevImage = new Image();
      preloadPrevImage.src = opts.imageArray[opts.activeImage - 1][0];
    }
  };

  $.fn.lightbox.keyboardAction = function(e)
  {
    if (e == null)
    { // ie
      var keycode = event.keyCode;
      var escapeKey = 27;
    } else
    { // mozilla
      var keycode = e.keyCode;
      var escapeKey = e.DOM_VK_ESCAPE;
    }

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

    if ((key == 'x') || (key == 'o') || (key == 'c') || (keycode == escapeKey))
    { // close lightbox
      $.fn.lightbox.end();
    } else if ((key == 'p') || (keycode == 37))
    { // display previous image
      if (opts.activeImage != 0)
      {
        $.fn.lightbox.disableKeyboardNav();
        $.fn.lightbox.changeImage(opts.activeImage - 1);
      }
    } else if ((key == 'n') || (keycode == 39))
    { // display next image
      if (opts.activeImage != (opts.imageArray.length - 1))
      {
        $.fn.lightbox.disableKeyboardNav();
        $.fn.lightbox.changeImage(opts.activeImage + 1);
      }
    }
  };

  $.fn.lightbox.resizeImageContainer = function(imgWidth, imgHeight)
  {
    // get current width and height
    opts.widthCurrent = document.getElementById('outerImageContainer').offsetWidth;
    opts.heightCurrent = document.getElementById('outerImageContainer').offsetHeight;

    // get new width and height
    var widthNew = (imgWidth + (opts.borderSize * 2));
    var heightNew = (imgHeight + (opts.borderSize * 2));

    // scalars based on change from old to new
    opts.xScale = (widthNew / opts.widthCurrent) * 100;
    opts.yScale = (heightNew / opts.heightCurrent) * 100;

    // calculate size difference between new and old image, and resize if necessary
    wDiff = opts.widthCurrent - widthNew;
    hDiff = opts.heightCurrent - heightNew;

    $('#imageDataContainer').animate({ width: widthNew }, opts.resizeSpeed, 'linear');
    $('#outerImageContainer').animate({ width: widthNew }, opts.resizeSpeed, 'linear', function()
    {
      $('#outerImageContainer').animate({ height: heightNew }, opts.resizeSpeed, 'linear', function()
      {
        if (opts.iframe)
        {
          // resize container to be the size of the lightbox
          $('#imageContainer').css('width', widthNew - (opts.borderSize * 2) + 'px');
          $('#imageContainer').css('height', heightNew - (opts.borderSize * 2) + 'px');

          // resize iframe to be 100% width and height of parent container
          $('#lightboxImage').css('width', widthNew - (opts.borderSize * 2) + 'px');
          $('#lightboxImage').css('height', heightNew - (opts.borderSize * 2) + 'px');
        }

        $.fn.lightbox.showImage();
      });
    });

    // 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 (jQuery.browser.msie) { $.fn.lightbox.pause(250); } else { $.fn.lightbox.pause(100); }
    }

    $('#prevLink').height(imgHeight);
    $('#nextLink').height(imgHeight);
  };

  $.fn.lightbox.showImage = function()
  {
    $('#loading').hide();
    $('#lightboxImage').fadeIn("fast");
    $.fn.lightbox.updateDetails();

    if (!opts.iframe) // iframe support
    {
      $.fn.lightbox.preloadNeighborImages();
    }

    opts.inprogress = false;
  };

  $.fn.lightbox.updateDetails = function()
  {

    if (opts.imageArray[opts.activeImage][1])
    {
      $('#caption').html(opts.imageArray[opts.activeImage][1]).show();
    }

    // if image is part of set display 'Image x of x'
    if (opts.imageArray.length > 1)
    {
      var nav_html;

      nav_html = opts.strings.image + (opts.activeImage + 1) + opts.strings.of + opts.imageArray.length;

      // display previous / next text links
      if ((opts.activeImage) > 0)
      {
        nav_html = '<a title="' + opts.strings.prevLinkTitle + '" href="#" id="prevLinkText">' + opts.strings.prevLinkText + "</a>" + nav_html;
      }

      if ((opts.activeImage + 1) < opts.imageArray.length)
      {
        nav_html += '<a title="' + opts.strings.nextLinkTitle + '" href="#" id="nextLinkText">' + opts.strings.nextLinkText + "</a>";
      }

      $('#numberDisplay').html(nav_html).show();
    }

    if (opts.slideNavBar)
    {
      $("#imageData").slideDown(opts.navBarSlideSpeed);
    } else
    {
      $("#imageData").show();
    }

    var arrayPageSize = $.fn.lightbox.getPageSize();
    $('#overlay').height(arrayPageSize[1]);
    $.fn.lightbox.updateNav();
  };

  $.fn.lightbox.updateNav = function()
  {
    $('#hoverNav').show();

    // if not first image in set, display prev image button
    if (opts.activeImage != 0)
    {
      $('#prevLink,#prevLinkText').show().click(function()
      {
        $.fn.lightbox.changeImage(opts.activeImage - 1); return false;
      });
    }

    // if not last image in set, display next image button
    if (opts.activeImage != (opts.imageArray.length - 1))
    {
      $('#nextLink,#nextLinkText').show().click(function()
      {

        $.fn.lightbox.changeImage(opts.activeImage + 1); return false;
      });
    }

    $.fn.lightbox.enableKeyboardNav();
  };


  $.fn.lightbox.enableKeyboardNav = function()
  {
    document.onkeydown = $.fn.lightbox.keyboardAction;
  };

  $.fn.lightbox.disableKeyboardNav = function()
  {
    document.onkeydown = '';
  };

  $.fn.lightbox.defaults = {
    fileLoadingImage: 'images/loading.gif',
    fileBottomNavCloseImage: 'images/closelabel.gif',
    overlayOpacity: 0.8,
    iframe: true,
    iframeUrl: '',
    iframeWidth: 0.6,
    iframeHeight: 0.7,
    borderSize: 10,
    imageArray: new Array,
    activeImage: null,
    inprogress: false,
    resizeSpeed: 350,
    showImageDetails: true,
    widthCurrent: 250,
    heightCurrent: 250,
    xScale: 1,
    yScale: 1,
    displayTitle: true,
    navbarOnTop: false,
    slideNavBar: false, // slide nav bar up/down between image resizing transitions
    navBarSlideSpeed: 350,
    displayHelp: false,
    closeCallback: null,
    strings: {
      help: ' \u2190 / P - previous image\u00a0\u00a0\u00a0\u00a0\u2192 / N - next image\u00a0\u00a0\u00a0\u00a0ESC / X - close image gallery',
      prevLinkTitle: 'previous image',
      nextLinkTitle: 'next image',
      prevLinkText: '&laquo; Previous',
      nextLinkText: 'Next &raquo;',
      closeTitle: 'close image gallery',
      image: 'Image ',
      of: ' of '
    },
    fitToScreen: false		// resize images if they are bigger than window
  };
})(jQuery);