/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!                                                                        
/***************************/

//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");
                                $("#popupContact").fadeIn("slow");
                                popupStatus = 1;
                }
}

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

//centering popup
function centerPopup(){
                //request data for centering
    var windowWidth = document.documentElement.clientWidth;
                var windowHeight = document.documentElement.clientHeight;
                var popupHeight = $("#popupContact").outerHeight();
                var popupWidth = $("#popupContact").outerWidth();
                //centering
                $("#popupContact").css({
                                "position": "fixed",
                                "top": windowHeight/2-popupHeight/2,
                                "left": windowWidth/2-popupWidth/2
                });
                //only need force for IE6
                
                var bodyheight = $("body").outerHeight();

                $("#backgroundPopup").css({
                                "height": bodyheight
                });
                
}


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

});