var popupStatus = 0;

function loadPopupIngreso() {
  if (popupStatus == 0) {
    $("#backPopUpIngreso").css({"opacity": "0.7"});
    $("#backPopUpIngreso").fadeIn("slow");
    $("#popUpIngreso").fadeIn("slow");
    popupStatus = 1;
  }
}

function disablePopupIngreso() {
  if(popupStatus == 1) {
    $("#backPopUpIngreso").fadeOut("slow");
    $("#popUpIngreso").fadeOut("slow");
    popupStatus = 0;
  }
}

function centerPopupIngreso() {
  var windowWidth = document.documentElement.clientWidth;
  var windowHeight = document.documentElement.clientHeight;
  var popupHeight = $("#popUpIngreso").height();
  var popupWidth = $("#popUpIngreso").width();
  $("#popUpIngreso").css({
    "position": "absolute",
    "top":300,
    "left": windowWidth/2-popupWidth/2
  });

  $("#backPopUpIngreso").css({"height": windowHeight});
}

$(document).ready(function() {
  $("#botIngreso").click(function() {
    centerPopupIngreso();
    loadPopupIngreso();
  });

  $("#popUpIngresoClose").click(function() { disablePopupIngreso(); });

  $("#backPopUpIngreso").click(function() { disablePopupIngreso(); });

  $(document).keypress(function(e) { if (e.keyCode==27 && popupStatus==1) { disablePopupIngreso(); } });
});