/***************************/

//@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;

	}

}



//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

	});

	

}





//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();

		}

	});



});