The start of the login functionality. It shows the login popup but doesn't do anything else. Just got tire of my changes being clobbered :-)

1 files changed, 68 insertions, 0 deletions

diff --git a/modules/auth/js/login.js b/modules/auth/js/login.js
new file mode 100644
index 00000000..db344d6f
--- /dev/null
+++ b/modules/auth/js/login.js
@@ -0,0 +1,68 @@
+//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();
+    }
+  });
+});
+