var popupStatus = 0;

function loadPopup() {
	if(popupStatus==0){
		$("#popupTrailer").fadeIn("slow");
		popupStatus = 1;
	}
}

function disablePopup() {
	if(popupStatus==1){
		$("#popupTrailer").fadeOut("slow");
		$("#trailer-box").fadeOut("slow");
		popupStatus = 0;
		location.reload();
	}
}


function centerPopup(mouseY) {

	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupTrailer").height();
	var popupWidth = $("#popupTrailer").width();

	$("#popupTrailer").css({
		"position": "absolute",
		"top": mouseY - 360,	
		"left": windowWidth / 2-popupWidth / 2
	});	
}



$(document).ready(function(){
	
	$(".trailer").click(function(e){
		centerPopup(e.pageY);
		loadPopup();
	});
				
	$("#popupTrailerClose").click(function(){
		disablePopup();
	});

	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});