//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){  
        $("#popup-fade-bg").css({  
            "opacity": "0.7"  
        });  
        $("#popup-fade-bg").fadeIn("slow");  
        $("#popup-login-box").fadeIn("slow");  
        popupStatus = 1;  
    }  
}

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

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

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