if (Drupal.jsEnabled) {
  $(window).load(initHelp);
}

function infoPopup(popup, backdrop, display) {
  var offset = 0;
  switch (display) {
    case "show":
      if (window.innerWidth && window.innerHeight) {
        var popupLeft = (window.innerWidth - popup.width())/2 + window.pageXOffset;
        var popupTop = (window.innerHeight - popup.height())/2;
        offset = window.pageYOffset;
        backdrop.height(screen.availHeight + "px"); 
        backdrop.width(screen.availWidth + "px");
      }
      else {
        var popupLeft = (screen.availWidth - popup.width())/2 + document.documentElement.scrollLeft;
        var popupTop = (screen.availHeight - popup.height())/2;
        offset = document.documentElement.scrollTop;
        backdrop.height("1000px");
        backdrop.width("1000px");
      }
      if (popupTop <= 0) {
        popupTop = 5;
      }
      popupTop += offset;
      popup.css({ 
        left: popupLeft + "px", 
        top: popupTop + "px"
      });
      backdrop.fadeIn("slow");
      popup.fadeIn("slow");
      break;
    case "hide":
      popup.fadeOut("slow");
      backdrop.fadeOut("slow");
      break;
  }
}

function createClicks(i) {  
  $("#help-link-" + i).click(function() {
    infoPopup($("#help-popup-" + i), $("#modal-backdrop-" + i), "show");
    return false;
  });

  $("#help-box-close-" + i).click(function() {
    infoPopup($("#help-popup-" + i), $("#modal-backdrop-" + i), "hide");
    return false;
  });

  $("#modal-backdrop-" + i).click(function() {
    infoPopup($("#help-popup-" + i), $("#modal-backdrop-" + i), "hide");
    return false;
  });
}

function initHelp() {
  var helpLinks = $(".help-link");
  var i = 0;
  for (i = 0; i < helpLinks.length; i++) {
    createClicks(i); 
  }
}