//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
  //loads popup only if it is disabled
  if(popupStatus==0){
    $("#backgroundPopup").css({"opacity": "0.7"});
    $("#backgroundPopup").fadeIn("slow");
    $("#gLoginPopup").fadeIn("slow");
    popupStatus = 1;
  }
}

//disabling popup with jQuery magic!
function disablePopup(){
  //disables popup only if it is enabled
  if(popupStatus==1){
    $("#backgroundPopup").fadeOut("slow");
    $("#gLoginPopup").fadeOut("slow");
    popupStatus = 0;
  }
}

//centering popup
function centerPopup(){
  //request data for centering
  var windowWidth = document.documentElement.clientWidth;
  var windowHeight = document.documentElement.clientHeight;
  var popupHeight = $("#gLoginPopup").height();
  var popupWidth = $("#gLoginPopup").width();
  //centering
  $("#gLoginPopup").css({
    "position": "absolute",
    "top": windowHeight/2-popupHeight/2,
    "left": windowWidth/2-popupWidth/2
  });
  //only need force for IE6
  $("#backgroundPopup").css({"height": windowHeight});
}

$(document).ready(function(){
  //LOADING POPUP
  //Click the button event!
  $("#login").click(function(){
    //centering with css
    centerPopup();
    //load popup
    loadPopup();
  });
  //CLOSING POPUP
  //Click the x event!
  $("#gLoginPopupClose").click(function() {
    disablePopup();
  });
  //Click out event!
  $("#backgroundPopup").click(function() {
    disablePopup();
  });
  //Press Escape event!
  $(document).keypress(function(e) {
    if(e.keyCode==27 && popupStatus==1) {
      disablePopup();
    }
  });
});