
function showInMediaBox(type, filename) {

	if (type === "image") {
		var image = new Image();
		image.onload = function () {
			if ($("#mediaBox").css("display") == "none") {
				
				$("#mediaBox").css("width", image.width + "px");
				$("#mediaBox").css("height", image.height + "px");
				$("#mediaBox").css("background-image", "url(\"" + filename + "\")");
				
				$('#mediaBoxCloseBtn').fadeIn("slow");
				$("#mediaBox").slideDown("slow");
			}
			else {
			
				$("#mediaBox").fadeOut("fast", function () {
					$("#mediaBox").css("width", image.width + "px");
					$("#mediaBox").css("height", image.height + "px");
					$("#mediaBox").css("background-image", "url(\"" + filename + "\")");
					
					$("#mediaBox").fadeIn("slow");
				});
			}
		}
		image.src = filename;
	}

}

function closeMediaBox () {
	$('#mediaBox').fadeTo('fast', 0.01, function() { 
		$('#mediaBox').slideUp('slow', 
			function () {
				$('#mediaBox').css('opacity', 1);
				$('#mediaBoxCloseBtn').css('display', 'none');
			}
		);
	});
}
