$("body").append("<div id='faceboxopaque' style='display: none;'></div>");

    $(document).bind('loading.facebox', function() {
    	$("#faceboxopaque").show();
	});
    $(document).bind('close.facebox', function() {
    	$("#faceboxopaque").hide();
	});
	$(document).bind('afterReveal.facebox', function() {
		// this is a fix for IE6 which resets the height to 100% of the window height
		$("#faceboxopaque").height($(document).height());
	});