/**
 * jmpopups
 * Copyright (c) 2009 Otavio Avila (http://otavioavila.com)
 * Licensed under GNU Lesser General Public License
 * 
 * @docs http://jmpopups.googlecode.com/
 * @version 0.5.1
 * 
 */


(function($) {
  var openedPopups = [];
  var popupLayerScreenLocker = false;
  var focusableElement = [];
  var setupJqueryMPopups = {
    screenLockerBackground: "#000",
    screenLockerOpacity: "0.5"
  };

  $.setupJMPopups = function(settings) {
    setupJqueryMPopups = jQuery.extend(setupJqueryMPopups, settings);
    return this;
  }

  $.openPopupLayer = function(settings) {
    if (typeof(settings.name) != "undefined" && !checkIfItExists(settings.name)) {
      settings = jQuery.extend({
        width: "auto",
        height: "auto",
        parameters: {},
        target: "",
        success: function() {},
        error: function() {},
        beforeClose: function() {},
        afterClose: function() {},
        reloadSuccess: null,
        cache: false
      }, settings);
      loadPopupLayerContent(settings, true);
      return this;
    }
  }

  $.closePopupLayer = function(name) {
    if (name) {
      for (var i = 0; i < openedPopups.length; i++) {
        if (openedPopups[i].name == name) {
          var thisPopup = openedPopups[i];
          var dontClose = thisPopup.beforeClose();
          if (dontClose) return this;
          openedPopups.splice(i,1)
          $("#popupLayer_" + name).fadeOut(function(){
            $("#popupLayer_" + name).remove();
            focusableElement.pop();
            if (focusableElement.length > 0) {
              $(focusableElement[focusableElement.length-1]).focus();
            }
            thisPopup.afterClose();
            hideScreenLocker(name);
          });
          break;
        }
      }
    } else {
      if (openedPopups.length > 0) {
        $.closePopupLayer(openedPopups[openedPopups.length-1].name);
      }
    }
    return this;
  }

  $.reloadPopupLayer = function(name, callback) {
    if (name) {
      for (var i = 0; i < openedPopups.length; i++) {
        if (openedPopups[i].name == name) {
          if (callback) {
            openedPopups[i].reloadSuccess = callback;
          }
          loadPopupLayerContent(openedPopups[i], false);
          break;
        }
      }
    } else {
      if (openedPopups.length > 0) {
        $.reloadPopupLayer(openedPopups[openedPopups.length-1].name);
      }
    }

    return this;
  }

  function setScreenLockerSize() {
    if (popupLayerScreenLocker) {
      $('#popupLayerScreenLocker').height($(document).height() + "px");
      $('#popupLayerScreenLocker').width($(document.body).outerWidth(true) + "px");
    }
  }

  function checkIfItExists(name) {
    if (name) {
      for (var i = 0; i < openedPopups.length; i++) {
        if (openedPopups[i].name == name) {
          return true;
        }
      }
    }
    return false;
  }

  function showScreenLocker() {
    if ($("#popupLayerScreenLocker").length) {
      if (openedPopups.length == 1) {
        popupLayerScreenLocker = true;
        setScreenLockerSize();
        $('#popupLayerScreenLocker').fadeIn();
      }

      if ($.browser.msie && $.browser.version < 7) {
        $("select:not(.hidden-by-jmp)").addClass("hidden-by-jmp hidden-by-" + openedPopups[openedPopups.length-1].name).css("visibility","hidden");
      }

      $('#popupLayerScreenLocker').css("z-index",parseInt(openedPopups.length == 1 ? 999 : $("#popupLayer_" + openedPopups[openedPopups.length - 2].name).css("z-index")) + 1);
    } else {
      $("body").append("<div id='popupLayerScreenLocker'><!-- --></div>");
      $("#popupLayerScreenLocker").css({
        position: "absolute",
        background: setupJqueryMPopups.screenLockerBackground,
        left: "0",
        top: "0",
        opacity: setupJqueryMPopups.screenLockerOpacity,
        display: "none"
      });
      showScreenLocker();
      $("#popupLayerScreenLocker").click(function() {
        $.closePopupLayer();
      });
    }
  }

  function hideScreenLocker(popupName) {
    if (openedPopups.length == 0) {
      screenlocker = false;
      $('#popupLayerScreenLocker').fadeOut();
    } else {
      $('#popupLayerScreenLocker').css("z-index",parseInt($("#popupLayer_" + openedPopups[openedPopups.length - 1].name).css("z-index")) - 1);
    }

    if ($.browser.msie && $.browser.version < 7) {
      $("select.hidden-by-" + popupName).removeClass("hidden-by-jmp hidden-by-" + popupName).css("visibility","visible");
    }
  }

  function getScrollXY() {
    var scrOfX = 0, scrOfY = 0;
    if( typeof( window.pageYOffset ) == 'number' ) {
      //Netscape compliant
      scrOfY = window.pageYOffset;
      scrOfX = window.pageXOffset;
    } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
      //DOM compliant
      scrOfY = document.body.scrollTop;
      scrOfX = document.body.scrollLeft;
    } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
      //IE6 standards compliant mode
      scrOfY = document.documentElement.scrollTop;
      scrOfX = document.documentElement.scrollLeft;
    }
    return [ scrOfX, scrOfY ];
  }

  function setPopupLayersPosition(popupElement, animate) {
    if (popupElement) {
      var scrOfY = getScrollXY()[1];
      if (popupElement.width() < $(window).width()) {
        var leftPosition = (document.documentElement.offsetWidth - popupElement.width()) / 2;
      } else {
        var leftPosition = document.documentElement.scrollLeft + 5;
      }

      if (popupElement.height() < $(window).height()) {
        var topPosition = scrOfY + ($(window).height() - popupElement.height()) / 2;
      } else {
        var topPosition = scrOfY + 5;
      }

      var positions = {
        left: leftPosition + "px",
        top: topPosition + "px"
      };
      if (!animate) {
        popupElement.css(positions);
      } else {
        popupElement.animate(positions, "slow");
      }
      setScreenLockerSize();
    } else {
      for (var i = 0; i < openedPopups.length; i++) {
        setPopupLayersPosition($("#popupLayer_" + openedPopups[i].name), true);
      }
    }
  }

  function showPopupLayerContent(popupObject, newElement, data) {
    var idElement = "popupLayer_" + popupObject.name;

    if (newElement) {
      showScreenLocker();
      $("body").append("<div id='" + idElement + "'><!-- --></div>");
      var zIndex = parseInt(openedPopups.length == 1 ? 1000 : $("#popupLayer_" + openedPopups[openedPopups.length - 2].name).css("z-index")) + 2;
    }  else {
      var zIndex = $("#" + idElement).css("z-index");
    }

    var popupElement = $("#" + idElement);
    popupElement.css({
      visibility: "hidden",
      width: popupObject.width == "auto" ? "" : popupObject.width + "px",
      height: popupObject.height == "auto" ? "" : popupObject.height + "px",
      position: "absolute",
      "z-index": zIndex
    });
    var linkAtTop = "<a href='#' class='jmp-link-at-top' style='position:absolute; left:-9999px; top:-1px;'>&nbsp;</a><input class='jmp-link-at-top' style='position:absolute; left:-9999px; top:-1px;' />";
    var linkAtBottom = "<a href='#' class='jmp-link-at-bottom' style='position:absolute; left:-9999px; bottom:-1px;'>&nbsp;</a><input class='jmp-link-at-bottom' style='position:absolute; left:-9999px; top:-1px;' />";
    popupElement.html(linkAtTop + data + linkAtBottom);
    setPopupLayersPosition(popupElement);
    popupElement.css("display","none");
    popupElement.css("visibility","visible");
    if (newElement) {
      popupElement.fadeIn();
    } else {
      popupElement.show();
    }
    $("#" + idElement + " .jmp-link-at-top, " +
      "#" + idElement + " .jmp-link-at-bottom").focus(function(){
        $(focusableElement[focusableElement.length-1]).focus();
    });

    var jFocusableElements = $("#" + idElement + " a:visible:not(.jmp-link-at-top, .jmp-link-at-bottom), " +
      "#" + idElement + " *:input:visible:not(.jmp-link-at-top, .jmp-link-at-bottom)");
    if (jFocusableElements.length == 0) {
      var linkInsidePopup = "<a href='#' class='jmp-link-inside-popup' style='position:absolute; left:-9999px;'>&nbsp;</a>";
      popupElement.find(".jmp-link-at-top").after(linkInsidePopup);
      focusableElement.push($(popupElement).find(".jmp-link-inside-popup")[0]);
    } else {
      jFocusableElements.each(function(){
        if (!$(this).hasClass("jmp-link-at-top") && !$(this).hasClass("jmp-link-at-bottom")) {
          focusableElement.push(this);
          return false;
        }
      });
    }
    //$(focusableElement[focusableElement.length-1]).focus();
    popupObject.success();
    if (popupObject.reloadSuccess) {
      popupObject.reloadSuccess();
      popupObject.reloadSuccess = null;
    }
  }

  function loadPopupLayerContent(popupObject, newElement) {
    if (newElement) {
      openedPopups.push(popupObject);
    }
    if (popupObject.target != "") {
      showPopupLayerContent(popupObject, newElement, $("#" + popupObject.target).html());
    } else {
      $.ajax({
        url: popupObject.url,
        data: popupObject.parameters,
        cache: popupObject.cache,
        dataType: "html",
        method: "GET",
        success: function(data) {
          showPopupLayerContent(popupObject, newElement, data);
        },
        error: popupObject.error
      });
    }
  }

  $(window).resize(function(){
    setScreenLockerSize();
    setPopupLayersPosition();
  });

  $(document).keydown(function(e){
    if (e.keyCode == 27) {
      $.closePopupLayer();
    }
  });

})(jQuery);

