//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.8"  
});  
$("#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;  
}  
}  

//centering popup  
function centerPopup(){  
//request data for centering  
var windowWidth = $(document).width(); //html width
var windowHeight = $(document).height();

var h = $(window).height();  //browser viewport
var w = $(window).width();


var popupHeight = $("#popupContact").height();  
var popupWidth = $("#popupContact").width();  
//centering  
$("#popupContact").css({  
"position": "absolute",  
"top": h/2-popupHeight/2,  
"left": w/2-popupWidth/2  
}); 
//only need force for IE6  
   
$("#backgroundPopup").css({  
"height": windowHeight  
}); 
   
}  

$(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();  
	});
	$("#popupClose").click(function(){  
		disablePopup();  
	}); 
	//Click out event!  
	$("#backgroundPopup").click(function(){  
		disablePopup();  
	});  

});