// JavaScript Document
 //SETTING UP OUR POPUP  
//0 means disabled; 1 means enabled;  
var popupStatus = 0; 
    //loading popup with jQuery magic!
	//Now the function to load our popup:
    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;  
   }  
   }  
   //Function for close/disable our popup:
   
      //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;  
    }  
    }  
	//We want to center our popup too…
	
	   //centering popup  
    function centerPopup(){  
    //request data for centering  
    var windowWidth = document.documentElement.clientWidth;  
    var windowHeight = document.documentElement.clientHeight;  
    var popupHeight = $("#popupContact").height();  
    var popupWidth = $("#popupContact").width();  
   //centering  
    $("#popupContact").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(){  
   //following code will be here  
   }); 
	  
	  //We want to activate our popup when the button with id #button is clicked, so:
	  
	 //LOADING POPUP  
    //Click the button event!  
   $("#button3").click(function(){  
   //centering with css  
   centerPopup();  
   //load popup  
    loadPopup();  
   });  
   
   //the popup and Clicking on X, so let’s do that:
      //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();  
   }  
   });