/*
  ColorBox v1.1.4 - a full featured, light-weight, customizable lightbox based on jQuery 1.3
  (c) 2009 Jack Moore - www.colorpowered.com - jack@colorpowered.com
  Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
*/

(function($){
var clone, loadedWidth, loadedHeight, interfaceHeight, interfaceWidth, index, related, closeModal, loadingElement, modal, modalWrap, modalOverlay, modalLoadingOverlay, modalContent, loaded, modalClose, btc, bml, bmr, bbc;
function setModalOverlay(){
  $([modalOverlay]).css({"position":"absolute", width:$(window).width(), height:$(window).height(), top:$(window).scrollTop(), left:$(window).scrollLeft()});
}
function keypressEvents(e){
  if(e.keyCode == 37){
    $(document).unbind('keydown.colorKeys');
    $("a#contentPrevious").click();
  } else if(e.keyCode == 39){
    $(document).unbind('keydown.colorKeys');
    $("a#contentNext").click();
  }
}
function clearLoading(){
  if($("#colorboxInlineTemp").length > 0){
    $(loaded).children().insertAfter("#colorboxInlineTemp");
  }
  if(loadingElement){$(loadingElement).remove();}
}

closeModal = function(){
  clearLoading();
  $(modalOverlay).css({cursor:"auto"}).fadeOut("fast");
  $(modal).removeData("open").fadeOut("fast", function(){
    $(loaded).remove();
  });
  $(document).unbind('keydown.colorKeys');
  $(window).unbind('resize scroll', setModalOverlay);
};

// Convert % values to pixels
function setSize(size, dimension){
  return (typeof size == 'string') ? (size.match(/%/) ? (dimension/100)*parseInt(size, 10) : parseInt(size, 10)) : size;
}

//Initialize the modal: store common calculations, preload the interface graphics, append the html.
$(function(){
  $("body").append(
    $([
      modalOverlay = $('<div id="modalBackgroundOverlay" />')[0], 
      modal = $('<div id="colorbox" />')[0]
    ]).hide()
  );
  $(modal).append(
    $([
      modalWrap = $('<div id="modalWrap" />')[0]
    ])
  ).css("opacity", 0).show();
  $(modalWrap).append(
    $([
      $('<div><div id="borderTopLeft"></div><div id="borderTopCenter"></div><div id="borderTopRight"></div></div>')[0],
      bml = $('<div id="borderMiddleLeft" />')[0],
      modalContent = $('<div id="modalContent" />')[0],
      bmr = $('<div id="borderMiddleRight" />')[0],
      $('<div><div id="borderBottomLeft"></div><div id="borderBottomCenter"></div><div id="borderBottomRight"></div></div>')[0]
    ])
  );
  $(modalContent).append(
    $([
      loaded = $('<div id="modalLoadedContent"><a id="contentPrevious" href="#"></a><a id="contentNext" href="#"></a><span id="contentCurrent"></span><br id="modalInfoBr"/><span id="contentTitle"></span><div id="preloadPrevious"></div><div id="preloadNext"></div><div id="preloadClose"></div></div>')[0], 
      modalLoadingOverlay = $('<div id="modalLoadingOverlay" />')[0],
      modalClose = $('<a id="modalClose" href="#"></a>')[0]
    ])
  );

  $(document).bind("keydown.colorClose", function(e){
    if (e.keyCode == 27) { closeModal(); }
  });

  $(modalClose).click(function(){
    closeModal();
    return false;
  });

  btc = $("#borderTopCenter")[0];
  bbc = $("#borderBottomCenter")[0];

  interfaceHeight = $(btc).height()+$(bbc).height()+$(modalContent).outerHeight(true) - $(modalContent).height();//Subtraction needed for IE6
  interfaceWidth = $(bml).width()+$(bmr).width()+$(modalContent).outerWidth(true) - $(modalContent).width();

  loadedHeight = $(loaded).outerHeight(true);
  loadedWidth = $(loaded).outerWidth(true);

  $(loaded).empty();
  $(modal).css({"padding-bottom":interfaceHeight,"padding-right":interfaceWidth}).hide();//the padding removes the need to do size conversions during the animation step.

  //Archaic rollover code because IE8 is a piece of shit.  Hopefully they'll fix their css-rollover bug and so that this can be removed.
  $("#contentPrevious, #contentNext, #modalClose").live('mouseover', function(){$(this).addClass("hover");});
  $("#contentPrevious, #contentNext, #modalClose").live('mouseout', function(){$(this).removeClass("hover");});
});

$.fn.colorbox = function(settings, callback) {

  function modalPosition(mWidth, mHeight, speed, loadedCallback){
  
    var winHeight = document.documentElement.clientHeight;
    var posTop = winHeight/2 - mHeight/2 + $(window).scrollTop();
    var posLeft = document.documentElement.clientWidth/2 - mWidth/2 + $(window).scrollLeft();
    //keeps the box from expanding to an inaccessible area offscreen.
    if(mHeight > winHeight){posTop -=(mHeight - winHeight);}
    if(posTop < 0){posTop = 0;} 
    if(posLeft < 0){posLeft = 0;}
  
    mWidth = mWidth - interfaceWidth;
    mHeight = mHeight - interfaceHeight;
  
    function modalDimensions(that){
      modalContent.style.width = btc.style.width = bbc.style.width = that.style.width;
      modalContent.style.height = bml.style.height = bmr.style.height = that.style.height;
    }
  
    $(modal).animate({height:mHeight, width:mWidth, top:posTop, left:posLeft}, {duration: speed,
      complete: function(){
        if (loadedCallback) {loadedCallback();}
        modalDimensions(this);
        if ($.browser.msie && $.browser.version < 7) {setModalOverlay();}
      },
      step: function(){
        modalDimensions(this);    
      }
    });
  }
  var preloads = [];
  function preload(){
    if(settings.preloading !== false && related.length>1){
      var previous, next;
      previous = index > 0 ? related[index-1].href : related[related.length-1].href;
      next = index < related.length-1 ? related[index+1].href : related[0].href;
      return [$("<img />").attr("src", next), $("<img />").attr("src", previous)];
    }
    return false;
  }
  
  function contentNav(){
    $(modalLoadingOverlay).show();
    if($(this).attr("id") == "contentPrevious"){
      index = index > 0 ? index-1 : related.length-1;
    } else {
      index = index < related.length-1 ? index+1 : 0;
    }
    var title = $(related[index]).attr('html_title');
    if (typeof title == 'undefined') {
      title = related[index].title;
    }
    loadModal(related[index].href, title);
    return false;  
  }
  
  function centerModal (object, contentInfo){
  
    var speed = settings.transition=="none" ? 0 : settings.transitionSpeed;
    $(loaded).remove();
    loaded = $(object)[0];
  
    $(loaded).hide()
    .appendTo('body')
    .css({width:(settings.fixedWidth)?settings.fixedWidth - loadedWidth - interfaceWidth:$(loaded).width()}).css({height:(settings.fixedHeight)?settings.fixedHeight - loadedHeight - interfaceHeight:$(loaded).height()})
    .attr({id:"modalLoadedContent"})
    .append(contentInfo)
    .prependTo($(modalContent));

    if($("#modalPhoto").length > 0 && settings.fixedHeight){
      var topMargin = (parseInt($(loaded)[0].style.height, 10) - parseInt($("#modalPhoto")[0].style.height, 10))/2;
      $("#modalPhoto").css({marginTop:(topMargin > 0?topMargin:0)});
    }
  
    function setPosition(s){
      modalPosition(parseInt(loaded.style.width, 10)+loadedWidth+interfaceWidth, parseInt(loaded.style.height, 10)+loadedHeight+interfaceHeight, s, function(){
        $(loaded).show();
        $(modalLoadingOverlay).hide();
        if (callback) {callback();}
        if ($(modal).data("open")!==true){
          closeModal();
        }
        else if (settings.transition === "fade"){
          $(modal).animate({"opacity":1}, speed);
        }
        $(document).bind('keydown.colorKeys', keypressEvents);
      });
    }
    if (settings.transition == "fade") {
      $(modal).animate({"opacity":0}, speed, function(){setPosition(0);});
    } else {
      setPosition(speed);
    }
    var preloads = preload();
  }
  
  function loadModal(href, title){
    clearLoading();
    var contentInfo = "<p id='contentTitle'>"+title+"</p>";
    if(related.length>1){
      contentInfo += "<span id='contentCurrent'> " + settings.contentCurrent + "</span>";
      contentInfo = contentInfo.replace(/\{current\}/, index+1).replace(/\{total\}/, related.length);
      contentInfo += "<a id='contentPrevious' href='#'>"+settings.contentPrevious+"</a><a id='contentNext' href='#'>"+settings.contentNext+"</a> ";
    }
  
    if (settings.inline) {
      loadingElement = $('<div id="colorboxInlineTemp" />').hide().insertBefore($(href)[0]);
      clone = $(href).clone(true);
      centerModal($(href).wrapAll("<div />").parent(), contentInfo);
    } else if (settings.iframe) {
      centerModal($("<div><iframe name='iframe_"+new Date().getTime()+" 'frameborder=0 src =" + href + "></iframe></div>"), contentInfo);//timestamp to prevent caching.
    } else if (href.match(/\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(.*))?$/i)){
      var modalPhoto = new Image();
      modalPhoto.onload = function(){
        modalPhoto.onload = null;
        var w = this.width, h = this.height;
        if ( settings.minWidth || settings.minHeight ) {
          var a = h/w;
          if (a) {
            if ( settings.minWidth && w < settings.minWidth ) {
              w = settings.minWidth;
              h = parseInt(w*a);
            }
            if ( settings.minHeight && h < settings.minHeight ) {
              h = settings.minHeight;
              w = parseInt(h/a);
            }
          }
        }
        centerModal($("<div />").css({width:w, height:h}).append($(this).css({width:w, height:h, display:"block", margin:"auto"}).attr('id', 'modalPhoto')), contentInfo);
        if(related.length > 1){
          $(this).css({cursor:'pointer'}).click(contentNav);
        }
      };
      modalPhoto.src = href;
    }else {
      loadingElement = $('<div />').load(href, function(data, textStatus){
        if(textStatus == "success"){
          centerModal($(this), contentInfo);
        } else {
          centerModal($("<p>Request unsuccessful.</p>"));
        }
      });
    }
  }

  settings = $.extend({}, $.fn.colorbox.settings, settings);
  
  $(this).bind("click.colorbox", function () {
    if(settings.fixedWidth){ settings.fixedWidth = setSize(settings.fixedWidth, document.documentElement.clientWidth);}
    if(settings.fixedHeight){ settings.fixedHeight = setSize(settings.fixedHeight, document.documentElement.clientHeight);}
    if (this.rel && 'nofollow' != this.rel) {
      related = $("a[rel='" + this.rel + "']");
      index = $(related).index(this);
    }
    else {
      related = $(this);
      index = 0;
    }

    if ($(modal).data("open") !== true) {
      $(modal).data("open", true);
      $(modalClose).html(settings.modalClose);
      $(modalOverlay).css({"opacity": settings.bgOpacity});
      $([modal, modalLoadingOverlay, modalOverlay]).show();
      modalPosition(setSize(settings.initialWidth, document.documentElement.clientWidth), setSize(settings.initialHeight, document.documentElement.clientHeight), 0);

      $(modal).css({"opacity":1});

      $(document).bind('keydown.colorKeys', keypressEvents);
      if ($.browser.msie && $.browser.version < 7) {
        $(window).bind("resize scroll", setModalOverlay);
      }
    }

    loadModal(settings.href ? settings.href : related[index].href, settings.title ? settings.title : related[index].title);
    $("a#contentPrevious, a#contentNext").die().live("click", contentNav);
    
    if(settings.overlayClose!==false){
      $(modalOverlay).css({"cursor":"pointer"}).click(function(){closeModal();});
    }
    return false;
  });

  if(settings.open!==false && $(modal).data("open")!==true){
    $(this).triggerHandler('click.colorbox');
  }

  return this.each(function() { 
  });
};

/*
  ColorBox Default Settings.
  
  The colorbox() function takes one argument, an object of key/value pairs, that are used to initialize the modal.
  
  Please do not change these settings here, instead overwrite these settings when attaching the colorbox() event to your anchors.
  Example (Global)  : $.fn.colorbox.settings.transition = "fade"; //changes the transition to fade for all colorBox() events proceeding it's declaration.
  Example (Specific)  : $("a[href='http://www.google.com']").colorbox({fixedWidth:"90%", fixedHeight:"450px", iframe:true});
*/
$.fn.colorbox.settings = {
  transition : "fade", // Transition types: "elastic", "fade", or "none".
  transitionSpeed : 250, // Sets the speed of the fade and elastic transitions, in milliseconds.
  initialWidth : "200", // Set the initial width of the modal, prior to any content being loaded.
  initialHeight : "200", // Set the initial height of the modal, prior to any content being loaded.
  fixedWidth : false, // Set a fixed width for div#loaded.  Example: "500px"
  fixedHeight : false, // Set a fixed height for div#modalLoadedContent.  Example: "500px"
  minWidth : false,
  minHeight : false,
  inline : false, // Set this to the selector of inline content to be displayed.  Example "#myHiddenDiv" or "body p".
  iframe : false, // If 'true' specifies that content should be displayed in an iFrame.
  href : false, // This can be used as an alternate anchor URL for ColorBox to use, or can be used to assign a URL for non-anchor elments such as images or form buttons.
  title : false, // This can be used as an alternate anchor title.
  bgOpacity : 0.65, // The modalBackgroundOverlay opacity level. Range: 0 to 1.
  preloading : true, // Allows for preloading of 'Next' and 'Previous' content in a shared relation group (same values for the 'rel' attribute), after the current content has finished loading.  Set to 'false' to disable.
  contentCurrent : "{current} из {total}", // the format of the contentCurrent information
  contentPrevious : "previous", // the anchor text for the previous link in a shared relation group (same values for 'rel').
  contentNext : "next", // the anchor text for the next link in a shared relation group (same 'rel' attribute').
  modalClose : "close", // the anchor text for the close link.  Esc will also close the modal.
  open : false, //Automatically opens ColorBox. (fires the click.colorbox event without waiting for user input).
  overlayClose : true  //If true, enables closing ColorBox by clicking on the background overlay.
};

})(jQuery);