$(document).ready(function() {
	$('#hjsFilmPopup').click(function() {
		centerFilmPopup();
		loadFilmPopup();
	});
	
	$('#hjsFilmPopupClose').click(function() {
		disableFilmPopup();
	});
});

var filmPopupStatus = 0;

function loadFilmPopup(){  
	if(filmPopupStatus==0) {
		$("#backgroundFilmPopup").fadeIn("slow");  
		$("#filmPopup").fadeIn("slow");  
		filmPopupStatus = 1;  
	}  
}

function disableFilmPopup() {
	if(filmPopupStatus==1) {
		$("#backgroundFilmPopup").fadeOut("slow");  
		$("#filmPopup").hide();
		filmPopupStatus = 0;  
	}
}

function centerFilmPopup(){  
	var windowWidth = document.documentElement.clientWidth;  
	var windowHeight = document.documentElement.clientHeight;  
	var popupHeight = $("#filmPopup").height();  
	var popupWidth = $("#filmPopup").width();  
	//centreren  
	$("#filmPopup").css({  
		//"position": "absolute",  
		"top": windowHeight/2-popupHeight/2,  
		"left": windowWidth/2-popupWidth/2  
	});  
	//only need force for IE6  
	$("#backgroundFilmPopup").css({"height": windowHeight});  
}