var view_media = function(resource_id){
	var overlay = $("<div class='overlay'></div>").appendTo("body");
	var mediabox = $('<div id="mediabox"><div class="top"></div><div id="mediawindow"><iframe src="?pageid=20&resourceid='+resource_id+'&viewmedia" scrolling="no" frameborder="0" ></iframe></div><div class="bottom"></div></div>').appendTo("body");
	var closebtn = $("<a href='#' class='close'><span>close</span></a>").appendTo($("#mediabox > .top"))
	closebtn.click(function(){
		
		$("#mediabox").remove();

		
		$(".overlay").fadeOut();
		return false;
	})
	
	var bheight = $("body").height();

	var vcenter = $(window).height()/2 +  $(window).scrollTop();
	overlay.height(bheight);
	overlay.css({opacity:"0.5"});

	mediabox.css({top:vcenter});

}