var popupStatus = 0;
function initPopup(){

	$("#popup").click(function(){
		disablePopup();
	})
	$("#popupBackground").click(function(){
		disablePopup();
	})
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});
	$("#loadedImg").load(doneLoad);
}

function loadPopup(e){
	if(popupStatus==0){
		popupStatus = 1;
		$("#popupBackground").css({"opacity": "0.4"});
		$("#popupBackground").fadeIn("fast");
		$("#loadedImg").attr({src:""});
		$("#loadedImg").attr({src:"images/works/"+e.target.id+".jpg"});
		$("#loader").css({visibility:'visible'});
		centerElement("#loader");
		$("#popup h2").html('/ ' + e.target.alt + ' /');
	}
}
function disablePopup(){
	if(popupStatus==1){
		$("#popupBackground").fadeOut("fast");
		$("#popup").fadeOut("fast");
		$("#loader").css({visibility:'hidden'});
		popupStatus = 0;
	}
}

function doneLoad(){
	if (popupStatus == 1){
		$("#popup").fadeIn("fast");
		$("#loader").css({visibility:'hidden'});
		centerElement("#popup");
	}
}
function centerElement(elementID){

//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var windowHeightOffset = getYOffset();//compensate for scroll distance
var elementHeight = $(elementID).height();
var elementWidth = $(elementID).width();
//centering
$(elementID).css({
	"top":windowHeightOffset+windowHeight/2-elementHeight/2,
	"left": windowWidth/2-elementWidth/2
});

function getYOffset() {
    var pageY;
    if(typeof(window.pageYOffset)=='number') {
       pageY=window.pageYOffset;
    }
    else {
       pageY=document.documentElement.scrollTop;//IE
    }
    return pageY;
}
}